every() 实现全选/反选的核心是将复选框状态映射为布尔数组后用 every 判断是否全部满足条件，避免手动计数、DOM 冗余遍历和散落状态变量；空数组时需保护性判断，checkboxes 应缓存以提升性能。
用
实现全选/反选，核心不是“遍历判断”，而是“把当前状态映射为布尔数组，再用
回答‘是否全部满足某条件’”。真正简化代码的关键，在于避免手动计数、避免 DOM 遍历冗余、避免状态变量散落。
用 every() 判断“是否全选”——一行决定按钮状态
不要维护一个
变量，也不要用
。直接从复选框元素集合生成布尔数组，交给
：
这行代码天然具备语义：「每个复选框都处于勾选状态吗？」答案就是全选按钮该显示“已全选”还是“全选”的依据。无需额外逻辑，无副作用，可直接用于按钮文案或 disabled 状态控制。
反选逻辑根本不需要 every() ——但 every() 能帮你安全触发它
反选操作本身是批量取反：
，和
无关。但关键点在于：什么时候该执行反选？不是“点击就反”，而是“点击时若未全选，则先全选；若已全选，则全不选”——这个分支判断，正好由
一句话收口：
全选按钮点击事件中：
先算
然后统一设值：
这样写，反选行为完全由当前状态驱动，不依赖历史记录、不依赖中间变量，也不怕用户手点乱序。一次计算 + 一次遍历，清晰且健壮。
联动“全选按钮”自身状态——every() 是唯一可信信源
全选按钮（比如一个独立的
）的状态，必须严格反映所有子项真实状态。手动同步容易出错（如异步更新、外部 JS 修改）。正确做法是：每次需要读取或更新全选按钮时，都重新调用
计算：
监听子项 change：立即重算
，并同步设置
监听全选按钮 change：按上文逻辑批量操作子项，之后仍可用
校验结果（可选，用于调试或防篡改）
这意味着你不需要任何“记忆型”状态变量——DOM 就是唯一事实来源，
就是唯一校验手段。代码更易测试、更难出 bug。
性能与边界：小技巧让 every() 更稳
在空数组时返回
，这对“没有子复选框”的表单是个陷阱。实际使用时加一层保护：
另外，避免在每次事件中重复查询 DOM。把
缓存为常量（模块级或闭包内），让
始终作用于稳定引用，既快又准。
every()everycheckedCountfilter().length === lengtheveryconst checkboxes = Array.from(document.querySelectorAll('input[type="checkbox"]'));
const isAllChecked = checkboxes.every(cb => cb.checked);cb.checked = !cb.checkedeveryevery()isAllChecked = checkboxes.every(cb => cb.checked)checkboxes.forEach(cb => cb.checked = !isAllChecked)#select-allevery()isAllChecked#select-all.checkedevery()every()every()trueconst checkboxes = Array.from(document.querySelectorAll('.item-checkbox'));
const isAllChecked = checkboxes.length > 0
? checkboxes.every(cb => cb.checked)
: false;checkboxesevery()