标签：
效果图：
实现方法很简单：
首先三个按钮分别添加单击事件，实现方法具体如下：
全选：匹配所有checkbox，将其checked属性设置成true；
反选：匹配所有checkbox遍历，将其checked属性值取反；
清空：匹配所有checkbox，将其checked属性设置成false。
HTML代码:
<label> <input type="checkbox" name="name" value="A" />A</label><br /> <label> <input type="checkbox" name="name" value="B" />B</label><br /> <label> <input type="checkbox" name="name" value="C" />C</label><br /> <label> <input type="checkbox" name="name" value="D" />D</label><br /> <label> <input type="checkbox" name="name" value="E" />E</label><br /> <label> <input type="checkbox" name="name" value="F" />F</label><br /> <input type="button" id="btn_select_all" value="全选" /> <input type="button" id="btn_inverse" value="反选" /> <input type="button" id="btn_clear" value="清空" />
jQuery代码：
$(function () { //全选 $("#btn_select_all").click(function () { $("[type=checkbox]").attr("checked", true); }); //反选 $("#btn_inverse").click(function () { $("[type=checkbox]").each(function () { $(this).attr("checked", !$(this).attr("checked")); }); }); //清空 $("#btn_clear").click(function () { $("[type=checkbox]").attr("checked", false); }); });
用到的知识点：（列举下述知识点目的仅是个人学习回顾）
（1）ID选择器：根据给定的ID匹配元素。
（2）属性选择器：匹配给定的属性是某个特定值的元素。
（3）click事件：单击绑定该事件的元素就会触发该事件绑定函数。
（4）attr属性：设置或获取被选元素的属性值。
（5）each方法：遍历匹配元素，并为循环到当前的元素执行回调方法。
标签：
原文地址：http://www.cnblogs.com/gao-yang/p/5039806.html
