jQuery特效--复选框实现全选、反选和清空

效果图：

实现方法很简单：

　　首先三个按钮分别添加单击事件，实现方法具体如下：

　　全选：匹配所有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方法：遍历匹配元素，并为循环到当前的元素执行回调方法。