【转】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代码

// +----------------------------------------------------------------------
// | Author: 码农小兵 <email@devdo.net> <http://www.devdo.net>
// +----------------------------------------------------------------------
//全选
        $(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);
                    });
                }
            });
        });

原文地址:http://www.devdo.net/aspnet-js-checkall.html

posted @ 2015-06-22 18:08  码农小兵  阅读(426)  评论(0)    收藏  举报