[JS] checkbox 选中/全选/反选/不选

知识点：

1. jQuery: prop() 和attr()

attr('checked') 返回string类型

prop('checked') 返回Boolean类型

结论：$("选择器").attr("checked");效果不理想

$("选择器").prop('checked'); 更好，尽量使用

历史：

jQuery 1.6之前， 只有attr()函数可用，该函数不仅承担了attribute的设置和获取工作，还同时承担了property的设置和获取工作。

直到jQuery 1.6新增prop()函数，并用来承担property的设置或获取工作之后，attr()才只用来负责attribute的设置和获取工作。

此外，对于表单元素的checked、selected、disabled等属性，在jQuery 1.6之前，attr()获取这些属性的返回值为Boolean类型：如果被选中(或禁用)就返回true，否则返回false。

但是从1.6开始，使用attr()获取这些属性的返回值为String类型，如果被选中(或禁用)就返回checked、selected或disabled，否则(即元素节点没有该属性)返回undefined。并且，在某些版本中，这些属性值表示文档加载时的初始状态值，即使之后更改了这些元素的选中(或禁用)状态，对应的属性值也不会发生改变。

因为jQuery认为：attribute的checked、selected、disabled就是表示该属性初始状态的值，property的checked、selected、disabled才表示该属性实时状态的值(值为true或false)。因此，在jQuery 1.6及以后版本中，请使用prop()函数来设置或获取checked、selected、disabled等属性。对于其它能够用prop()实现的操作，也尽量使用prop()函数。

jQuery API明确说明，1.6+的jQuery要用prop，尤其是checkBox的checked的属性的判断，即:

$("input[type='checkbox']").prop("checked");

$("input[type='checkbox']").prop("disabled", false);

$("input[type='checkbox']").prop("checked", true);

jQuery官方API：/prop/#entry-longdesc