使用HTML和Javascript我想要解决方案

时间:2017-03-05 07:48:15

标签: javascript html

我有两个字段永久地址和当前地址以及一个复选框字段。我希望如果单击复选框,则应禁用当前地址字段。

1 个答案:

答案 0 :(得分:1)

您是社区新手,并要求提供非常基本的示例。从下次开始,请在寻求帮助之前告诉我们您的工作。



var checkbox = document.querySelector('.js-disableCurrentAddress');
var currentAddr = document.querySelector('.js-currentAddress');

checkbox.addEventListener('change', handleDisable);

function handleDisable() {
  if (checkbox.checked) {
    currentAddr.setAttribute("disabled", "disabled");
  } else {
    currentAddr.removeAttribute("disabled", "disabled");
  }
}

<input type="text" class="js-currentAddress" placeholder="current">
<input type="text" class="js-permanentAddress" placeholder="permanent">
<label>
  Disable current address
  <input type="checkbox" class="js-disableCurrentAddress">
</label>
&#13;
&#13;
&#13;