在项目中学习.NET的JQuery CheckBox方法(全选、取消全选、其他）

一、在项目中遇到的CheckBox的全选和取消全选以及其他等解决方案如下：

　　// 对全选和取消全选的事件　　　　

　　　　$("#CheckAll").click(function () {
                var checkedOfAll = $(this).prop("checked");
                if (checkedOfAll == true) {
                    $("input[id*='check']").prop("checked", checkedOfAll);
                } else {
                    $("input[id*='check']").prop("checked", checkedOfAll);
                }
                checkIds();
            });
            // 对所有子节点添加事件
            $("td :checkbox").click(function () {
                var checkedOfOne = $("td :checkbox:checked");
                var checkedOfTwo = $("td :checkbox");
                // 如果子节点全部没勾选，父节点也取消勾选  
                if (checkedOfOne.length < checkedOfTwo.length) {
                    $("#CheckAll").prop("checked", false);
                }
                // 如果子节点全部选中，父节点也勾选  
                else if (checkedOfOne.length == checkedOfTwo.length) {
                    $("#CheckAll").prop("checked", true);
                }
            });

　　　　//公共方法

　　　　function checkIds() {
            var tmp = "";
            $("input[id*='check']").each(function () {
                if ($(this).attr("checked") == true) {
                    tmp += $(this).attr("rel") + ",";
                } else {

                }
            });
            if (tmp != '') tmp = tmp.substr(0, tmp.length - 1);
            $("#ctl00_MainHolder_idstb").val(tmp);
        }

二、下面的图片是自己参考的例子：

转载于:https://www.cnblogs.com/Jhon-xu/p/4305341.html

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！