javascript - 如果第二个输入字段已填充，则禁用输入字段

Question

完全是新手...我只想知道如何在第二个输入字段被填充时动态禁用一个输入字段

例如:

<td><input type="text" name="num-input1" id="dis_rm"  value=""></input></td>
<td><input type="text" name="num-input2" id="dis_per" value="" ></input></td>

请...任何链接和提示都可以...

Answer 1

你只需要给它一个 disabled 属性:

document.getElementById("dis_rm").disabled = true;
document.getElementById("dis_per").disabled = true;

您可以使用 on change 事件来查看其中一个是否已填充:

var dis1 = document.getElementById("dis_rm");
dis1.onchange = function () {
   if (this.value != "" || this.value.length > 0) {
      document.getElementById("dis_per").disabled = true;
   }
}

所以如果第一个被填满，第二个将被禁用