javascript - 取消选中一个复选框，另一个复选框将取消选中

Question

我在一个表单中有两个复选框。 onclick 如果取消选中名为 email 的复选框，我怎样才能让另一个复选框也取消选中(如果已选中)？

document.getElementById('email').onclick = function() {
     if (!this.checked) {
        !document.getElementById("other").checked;
    } else {
        // if not checked ...
    }
};

我是不是找错了树？任何帮助都适用

Answer 1

要同时同步两者的检查，您只需要在第二个点击的 checked 属性上使用第一个点击的 this.checked :

document.getElementById("other").checked = this.checked;

注意:这将以一种方式工作，这意味着当您点击您已将点击事件附加到的第一个 checkbox 时，检查将同步.

document.getElementById('email').onclick = function() {
    document.getElementById("other").checked = this.checked;
};

<input id="email" type="checkbox" /> CHECKBOX 1
<br>
<input id="other" type="checkbox" /> CHECKBOX 2