如果填充了第二个输入字段,则禁用输入字段

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

你只需要给它一个禁用的属性:

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;
   }
}

因此,如果第一个填充,第二个将被禁用