通过JQuery进行GridView验证

时间:2019-07-01 07:01:38

标签: jquery

这里有2列包含复选框,用于选择我正在使用的JQuery,如下所述

   $("[id*=Bankcb]").live("click", function () {
            var chkHeader = $(this);
            var grid = $(this).closest("table");
            $("input[id*=BankApprovecb]", grid).each(function () {
                if (chkHeader.is(":checked")) {
                    $(this).attr("checked", "checked");
                    $("td", $(this).closest("tr")).addClass("selected");
                } else {
                    $(this).removeAttr("checked");
                    $("td", $(this).closest("tr")).removeClass("selected");
                }
            });
        });

        $("[id*=BankApprovecb]").live("click", function () {
            var grid = $(this).closest("table");
            var chkHeader = $("[id*=Bankcb]", grid);
            if (!$(this).is(":checked")) {
                $("td", $(this).closest("tr")).removeClass("selected");
                chkHeader.removeAttr("checked");
            } else {
                $("td", $(this).closest("tr")).addClass("selected");
                if ($("[id*=BankApprovecb]", grid).length == $("[id*=BankApprovecb]:checked", grid).length) {
                    chkHeader.attr("checked", "checked");
                }
            }
        });
        $("[id*=TReDScb]").live("click", function () {
            var chkHeader = $(this);
            var grid = $(this).closest("table");
            $("input[id*=TReDS_Statuscb]", grid).each(function () {
                if (chkHeader.is(":checked")) {
                    $(this).attr("checked", "checked");
                    $("td", $(this).closest("tr")).addClass("selected");
                } else {
                    $(this).removeAttr("checked");
                    $("td", $(this).closest("tr")).removeClass("selected");
                }
            });
        });

        $("[id*=TReDS_Statuscb]").live("click", function () {
            var grid = $(this).closest("table");
            var chkHeader = $("[id*=TReDScb]", grid);
            if (!$(this).is(":checked")) {
                $("td", $(this).closest("tr")).removeClass("selected");
                chkHeader.removeAttr("checked");
            } else {
                $("td", $(this).closest("tr")).addClass("selected");
                if ($("[id*=TReDS_Statuscb]", grid).length == $("[id*=TReDS_Statuscb]:checked", grid).length) {
                    chkHeader.attr("checked", "checked");
                }
            }
        });

但是我已经进行了1次验证,即如果选中了第一复选框的列,那么用户将无法检查第二列给定的复选框以及警报消息,因此我无法获得执行此操作的确切逻辑。谁可以帮我这个事。

0 个答案:

没有答案