jquery 复选框全选 全不选 反选

2015/03/02 41200

清华大佬耗费三个月吐血整理的几百G的资源，免费分享！....>>>

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
$(function () {
    //全选
    $("#CheckedAll").click(function () {
        $('[name=items]:checkbox').attr('checked', true);
    });
    //全不选
    $("#CheckedNo").click(function () {
        $('[type=checkbox]:checkbox').attr('checked', false);
    });
    //反选
    $("#CheckedRev").click(function () {
        $('[name=items]:checkbox').each(function () {
            //此处用JQ写法颇显啰嗦。体现不出JQ飘逸的感觉。
            //$(this).attr("checked", !$(this).attr("checked"));
              
            //直接使用JS原生代码，简单实用
            this.checked = !this.checked;
        });
    });
    //输出值
    $("#send").click(function () {
        var str = "你选中的是：\r\n";
        $('[name=items]:checkbox:checked').each(function () {
            str += $(this).val() + "\r\n";
        })
        alert(str);
    });
})