gridview中实现checkbox全部选中

在做RS系统的时候，有一个基础信息查询的功能，查询记录显示在gridview中，在每条记录之前都有一个checkbox以供选中，然后将所有的选中记录导出到excel中。由于这样一条条选择很麻烦，后来客户要求将所有按条件查询出来的记录一次性全部选中。

经过上网查阅资料和自己实践，目前知道两种实现方式，一种是服务器端办法，一种是脚本方式。下面，咱们就来看一下这两种实现方式

服务器端：

在页面上放一个gridview控件，配置好数据源，编辑列，添加一个模版列，再编辑模版，放入一个checkbox控件。代码如下：

<asp:GridView ID="GridView1" runat="server" AllowPaging="True"AutoGenerateColumns="False"
DataKeyNames="ID"DataSourceID="SqlDataSource1">
<Columns>
<asp:BoundFieldDataField="ID" HeaderText="档案编号" ReadOnly="True"SortExpression="ID" />
<asp:BoundFieldDataField="name" HeaderText="姓名" SortExpression="name" />
<asp:TemplateField>
<HeaderTemplate>
<asp:CheckBoxID="chkAll" runat="server" AutoPostBack="True"OnCheckedChanged="chkAll_CheckedChanged"/>
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBoxID="chkItem" runat="server" />
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>

后台cs代码：

protected void chkAll_CheckedChanged(object sender, EventArgs e)
{
for (int i = 0; i < this.GridView1.Rows.Count;i++)
{
((CheckBox)GridView1.Rows[i].FindControl("chkItem")).Checked =
((CheckBox)this.GridView1.HeaderRow.FindControl("chkAll")).Checked;
}
}

脚本：

<asp:GridView ID="GridView1" runat="server" AllowPaging="True"AutoGenerateColumns="False"
DataKeyNames="ID"DataSourceID="SqlDataSource1">
<Columns>
<asp:BoundFieldDataField="ID" HeaderText="档案编号" ReadOnly="True"SortExpression="ID" />
<asp:BoundFieldDataField="name" HeaderText="姓名" SortExpression="name" />
<asp:TemplateField>
<HeaderTemplate>
<input id="chkAll" onclick="SelectAll(this)";type=checkbox>
</HeaderTemplate>
<ItemTemplate>
<input id="chkItem"type=checkbox>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>

客户端js代码：

<scripttype="text/javascript">

functionSelectAll(chkbox)

{

varbox=chkbox;

state=theBox.checked;

elem=box.form.elements;

for(i=0;i<elem.length;i++)

if(elem[i].type=="checkbox"&& elem[i].id!=box.id)

{

if(elem[i].checked!=state)

{

elem[i].click();

}

}

}

</script>

以上两种方法我用的是第一种，因为个人更喜欢用c#后台写。大家可以尝试不同的方法解决问题，殊途同归。