asp.net中js实现复选框全选择与反选

asp.net中js实现复选框全选择与反选,下面是asp.net解析出来的源码。

<input id="ctl00_c_CheckAll" type="checkbox" name="ctl00$c$CheckAll" />
<input id="ctl00_c_Rep_list_ctl00_CheckThis" type="checkbox" name="ctl00$c$Rep_list$ctl00$CheckThis" />
<input id="ctl00_c_Rep_list_ctl01_CheckThis" type="checkbox" name="ctl00$c$Rep_list$ctl01$CheckThis" />
<input id="ctl00_c_Rep_list_ctl02_CheckThis" type="checkbox" name="ctl00$c$Rep_list$ctl02$CheckThis" />

全选js代码

//全选
        $(document).ready(function () {
            $("#ctl00_c_CheckAll").click(function () {
                if ($(this).attr("checked") == "checked") { // 全选
                    $(":checkbox").each(function () { //可以对.net服务器控件有效
                        $(this).attr("checked", true);
                    });
                } else { // 取消全选
                    $(":checkbox").each(function () { //可以对.net服务器控件有效
                        $(this).attr("checked", false);
                    });
                }
            });
        });

发表评论

电子邮件地址不会被公开。 必填项已用*标注