JS click()事件异常：Chrome/IE8中复选框与label行为不一致

一、点击跳过click[2]的原因 #

这是浏览器事件处理机制差异，以及Chromium的防重复触发逻辑导致的：

点击checkbox本体的执行流程 #

1. 用户手动点击checkbox → 触发onclick事件
2. changeHidden将HD_CHECK设为N（checkbox被取消勾选）
3. 调用pressClick()，因HD_CHECK为N，执行checkbox.click()（即click[2]）
4. click[2]再次触发onclick → changeHidden将HD_CHECK设为Y（checkbox被重新勾选），最终checkbox回到勾选状态，无法取消。

点击的执行流程（Chromium） #

1. 用户点击 → 浏览器自动触发关联checkbox的合成click事件（这是的默认行为）
2. 触发checkbox的onclick → changeHidden将HD_CHECK设为N
3. 调用pressClick()并执行checkbox.click()，但Chromium会拦截这种同一事件循环内的重复手动点击（避免无限循环），因此click[2]不会生效，checkbox保持取消勾选状态。

IE8的特殊表现 #

IE8的事件模型没有类似的防重复拦截，且在事件处理过程中，checkbox状态处于锁定状态，手动调用click()无法改变最终结果，因此无论点击checkbox还是label，都能正常取消勾选。

二、补丁方案（仅打补丁，不修改原有代码） #

方案1：让与checkbox行为一致（均无法取消勾选） #

通过拦截的默认行为，手动触发checkbox的onclick，绕过浏览器的合成事件拦截：

// 补丁代码，追加到现有脚本末尾
document.querySelector('label').addEventListener('click', function(e) {
  e.preventDefault();
  document.getElementById('CHK_NH_30').onclick();
});

方案2：让checkbox与/IE8行为一致（均可正常取消勾选） #

通过延迟执行pressClick()，让checkbox状态稳定后再执行判断，避免重复触发：

// 补丁代码，追加到现有脚本末尾
const originalPressClick = pressClick;
pressClick = function() {
  setTimeout(originalPressClick, 0);
};

或者通过标志位阻止重复执行：

// 补丁代码，追加到现有脚本末尾
let isProcessing = false;
const originalPressClick = pressClick;
pressClick = function() {
  if (isProcessing) return;
  isProcessing = true;
  originalPressClick();
  isProcessing = false;
};

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