码迷,mamicode.com
首页 > Web开发 > 详细

JS 全选反选功能

时间:2015-04-22 20:46:56      阅读:134      评论:0      收藏:0      [点我收藏+]

标签:

全选按钮:<input type=\"checkbox\" id=\"cheSelectAll\" />选择</li>");  


选择项:<input name=\"chkItem\" type=\"checkbox\" value=\"" + this.ID + "\" />


//全选反选
                $("#cheSelectAll").click(function() {
                    $("input[name='chkItem']").prop("checked", $(this).is(":checked"));
                });

                $("#cheSelectAll").prop("checked", false);

                //绑定选中事件
                $("input[name='chkItem']").bind("click", function() {
                    if ($(this).is(":checked") && $("input[name='chkItem']:checked").length === $("input[name='chkItem']").length) {
                        $("#cheSelectAll").prop("checked", true);
                    } else {
                        $("#cheSelectAll").prop("checked", false);
                    }
                });

JS 全选反选功能

标签:

原文地址:http://blog.csdn.net/wanlong360599336/article/details/45198943

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!