在项目中学习.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);
        }

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

posted @ 2015-02-28 14:15  徐武峰  阅读(285)  评论(0编辑  收藏  举报