首页 > web前端 > javascript/jquery > asp.net中js实现复选框全选择与反选
网站建设、切图、企业建站、微信开发 联系QQ:404658186 tel:18716186715
2015
06-19

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);
                    });
                }
            });
        });
最后编辑:
作者:码农一号
这个作者貌似有点懒,什么都没有留下。
捐 赠如果您觉得这篇文章有用处,请支持作者!鼓励作者写出更好更多的文章!

留下一个回复

你的email不会被公开。

*