最可靠的方法是用 javascript 遍历所有 checkbox 元素并直接赋值 cb.checked = false；避免 setattribute，注意 dom 就绪、动态元素、shadow dom 和移动端点击体验。

用 JavaScript 直接操作 checked 属性最可靠

浏览器原生不提供“一键取消所有复选框”的 HTML 属性或标签，必须靠 JS 控制。核心是遍历所有 <input type="checkbox"> 并设 checked = false。别用 setAttribute('checked', false) —— 这只会移除属性，但不会影响实际选中状态；只有直接赋值布尔值才生效。

anything-to-html

将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。

下载

常见错误：用 querySelectorAll('input[type=checkbox]') 但没加 :checked 过滤，结果清空了所有复选框（包括本就没选中的），逻辑冗余但无害；更糟的是漏掉动态插入的复选框，导致它们逃过清理。

• 推荐写法：document.querySelectorAll('input[type="checkbox"]').forEach(cb => cb.checked = false);
• 如果只清已选中的，可加过滤：document.querySelectorAll('input[type="checkbox"]:checked').forEach(cb => cb.checked = false);，性能略好但差异极小
• 注意作用域：确保脚本执行时 DOM 已就绪，否则查不到元素；放在

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！