JS 全选反选功能

浏览数：22 / 时间：2015年06月09日

全选按钮：<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 全选反选功能