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

似乎您错过了在此处启用文本框的功能。如果您可以在上一个答复中看到，则只需将文本框重新启用为以前的状态即可。

在disable = true后启用javascript的输入字段

2 个答案: