首页 > Web开发 > 详细

JS 全选反选功能

时间:2015-04-22 20:46:19      阅读:288      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!