javascript: checkbox 全选、取消全选、反选

Question

做的练习， 用JavaScript 实现对 checkbox 的全选、取消全选、反选 效果。
思路是根据情况给 checkbox 的 checked 赋值 true 或者 false。(这里有个问题： 为什么 <input type="checkbox" checked="不管是什么" > 谷歌里显示的都是打勾状态？？）

代码如下：

上面那个效果虽然实现了，后来在查资料时， 发现有个人说， 不应该直接改变`checked` 的值，
因为`checkbox`状态改变时要处理一些问题？所以要`click`

他是因为`attr` `
以下原文和链接：

因一些原因要实现checkbox的单选，实现的方法是当选中一个checkbox时，用jQuery选择除这个刚选中的checkbox外所有已经被选中的checkbox，然后触发其click事件（因为每个checkbox状态改变时要处理一些问题，所以不能直接将其checked状态改为false），但却莫名其妙地进入了无限循环．

http://www.cnblogs.com/angeld...

Answer 1

首先要明确一点，标准的html中，checked本身应该是一个类似于“开关”一样的东西，而不是一个属性，就像readonly，disabled一样。他只有存在和不存在两种状态，最标准兼容的办法应该是直接添加或者移除checked属性，而不是给他赋值true or false因此建议你在dom操作中注意这一点，在不同的浏览器下才能有比较统一的正确效果。