表单复选框联动问题：取消email复选框时如何同步取消另一个复选框？

嘿，你的实现思路并没有完全错误，只是在关键的DOM属性赋值步骤上犯了个小疏忽～

问题出在哪？ #

你写的这行代码：

!document.getElementById("other").checked;

只是计算了other复选框checked属性的取反值，但没有把这个结果赋值回复选框的checked属性，相当于做了个无用的计算，自然不会改变它的勾选状态。

修正后的代码 #

只需要把取反后的结果直接赋值给checked属性就行，优化后的代码如下：

document.getElementById('email').onclick = function() {
  // 先获取目标复选框元素，避免重复DOM查询
  const otherCheckbox = document.getElementById("other");
  if (!this.checked) {
    // 直接将other复选框的勾选状态设为false
    otherCheckbox.checked = false;
  }
  // 如果else分支没有需要执行的逻辑，可以直接删掉
};

补充说明 #

你的核心思路——"当email复选框被取消勾选时，同步取消另一个复选框的勾选"是完全正确的，只是对DOM元素属性的操作方式有误，不算完全错误的实现思路。如果之后需要双向联动（比如取消other时也同步取消email），只需要给other复选框也添加类似的监听逻辑即可。

内容的提问来源于stack exchange，提问作者shimmy