JavaScript实现GridView中添加CheckBox列(全选与否)

ASP.NET GridView全选功能

最新推荐文章于 2017-02-07 16:12:22 发布

原创最新推荐文章于 2017-02-07 16:12:22 发布 · 2.8k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #asp #function #server #blog

本文介绍如何在ASP.NET的GridView中使用JavaScript实现CheckBox的全选与全取消功能。通过设置GridView头部的CheckBox，并利用客户端脚本遍历表格中的所有CheckBox来同步其状态。

(一).功能

1. JavaScript检索CheckBox并实现全选和全消功能

(二).代码

1. GridView中的代码主要片段:

<HeaderTemplate> //头模板代码
<asp:CheckBox id="chkHeader" runat="server" AutoPostBack="False" //AutoPostBack设为假，不需要回发

onclick="javascript:SelectAll(this);"></asp:CheckBox>
</HeaderTemplate>

           <ItemTemplate>            //项模板代码
                  <asp:CheckBox id="chkItem" runat="server"></asp:CheckBox>
           </ItemTemplate>

</Columns>

2. 在当页加入:

var theBox=tempControl;
xState=theBox.checked;

            elem=theBox.form.elements;
            for(i=0;i<elem.length;i++)
            if(elem[i].type=="checkbox" && elem[i].id!=theBox.id)
             {
                  if(elem[i].checked!=xState)
                        elem[i].click();
            }
  }
</script>

ps. 基本是从别人得blog上"kiang"来的，嘿嘿，不过，对原来的（三）有点觉得不好，所以就不要了，主要是这个全选的功能！