如何通过浏览器控制台拒绝Cookie授权——取消已勾选复选框

原代码的核心逻辑没问题，但可以从效率、简洁性、场景适配这几个维度优化，以下是几种更实用的实现：

1. 直接修改属性（最高效） #

如果不需要触发点击事件附带的额外页面逻辑（比如弹窗状态同步），直接修改checked属性是最省资源的方式，避免了模拟点击的开销：

document.querySelectorAll('input[type="checkbox"]:checked[role="button"]')
  .forEach(el => el.checked = false);

2. 兼顾事件触发的精简写法 #

如果网站依赖change或click事件来更新Cookie设置状态，可在修改属性后手动触发事件，同时用箭头函数简化代码：

document.querySelectorAll('input[type="checkbox"]:checked[role="button"]')
  .forEach(el => {
    el.checked = false;
    el.dispatchEvent(new Event('change', { bubbles: true }));
  });

3. 更精准的选择器适配 #

很多Cookie弹窗的复选框会带有特定类名或属性（比如data-purpose、.cookie-preference），可以针对性优化选择器，避免误选页面其他元素：

// 示例：匹配带data-purpose属性的已勾选复选框
document.querySelectorAll('input[type="checkbox"]:checked[data-purpose]')
  .forEach(el => el.checked = false);

4. 旧浏览器兼容写法 #

如果需要兼容IE11这类旧环境，可换成传统函数写法，并使用兼容的事件创建方式：

var checkboxes = document.querySelectorAll('input[type="checkbox"]:checked[role="button"]');
for (var i = 0; i < checkboxes.length; i++) {
  var el = checkboxes[i];
  el.checked = false;
  // 兼容旧浏览器的事件触发
  var event = document.createEvent('Event');
  event.initEvent('change', true, true);
  el.dispatchEvent(event);
}

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