在 disable=true 后启用 Javascript 输入字段

Question

html：

<label>Label1</label><br>
<input type="text" name="first" onclick="somefunc()"><br>
<label>Label2</label><br>
<input type="text" name="second"><br>

Javascript：

function somefunc() {
var second = document.getElementsByName('second')[0];
second.disable = true;
}

当我单击第一个输入时，第二个输入被禁用（这就是我想要的），但是当我在第一个输入字段中输入内容然后将其删除时，第二个仍然被禁用。 有没有办法让我可以再次启用它？ 我找不到可以解决此问题的其他事件。

Answer 1

您可以在第一个输入框上监听keyup事件并检查第一个输入框的值以启用或禁用第二个输入。

<label>Label1</label><br>
<input type="text" name="first" onkeyup="somefunc()"><br>
<label>Label2</label><br>
<input type="text" name="second"><br>
<script>
   function somefunc() {
     var first = document.getElementsByName('first')[0];
     var second = document.getElementsByName('second')[0];
     if(first.value){
       second.disabled = true;
     }else{
       second.disabled = false; 
     }
   }
</script>

Answer 2

似乎您错过了在此处启用文本框。 如果您可以在之前的回复中看到，您只需将文本框重新启用为与之前相同的状态。