javascript - 如何启用输入字段并同时设置值

<input type= "text" disabled id="ip1">
<button onclick=delete()/>
<script>
    function delete(){
  document.getElementById('ip1').value=''.disabled = false;
}
</script>

我想启用输入字段，并在同一行中设置一个空白值。可能吗？因为我有12个输入字段，一次将具有相同的行为。

最佳答案

因此，如果您想得到问题的答案，可以的，可以使用jQuery在同一行中完成。几乎没有必要在一行中执行此操作，因为单行的执行方式与多行解决方案的执行方式大致相同。在jQuery中，它看起来像这样：

$('#ip1').val('').prop('disabled', false);

使用香草javascript，需要多行解决方案：

document.getElementById('ip1').value = '';
document.getElementById('ip1').disabled = false;

如果需要，还可以将两个单独的函数绑定到onclick：

<button onclick="doSomething();doSomethingElse();" />

例如：

<button onclick="document.getElementById('ip1').removeAttribute('disabled');document.getElementById('ip1').value='';">Click</button>

如果您想节省空间或提高效率，则应该iterate through the elements using a class之类的。