本文介绍如何在ASP.NET的GridView中实现全选及全取消选择的功能，并提供了JavaScript脚本和后台处理代码示例。
validateRequest="false"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>无标题页</title>
<script language="javascript" type="text/javascript">
//实现GridView的CheckBox全部选择和全部取消
function CheckAll(checkbox)
...{
var elements = checkbox.form.elements;
for(var i = 0;i < elements.length;i++)
...{
if(elements[i].type == "checkbox" && elements[i].id != checkbox.id)
...{
elements[i].checked = checkbox.checked;
}
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<table align="center" width="760">
<tr>
<td>
<asp:GridView ID="GridView1" AutoGenerateColumns="false" DataKeyNames="au_id" runat="server">
<Columns>
<asp:TemplateField>
<HeaderTemplate>
<input type="checkbox" id="Check" onclick="CheckAll(this)" title="全选/全不选"/>
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox ID="CheckRow" runat="server" />
</ItemTemplate>
<HeaderStyle Width="20px" />
</asp:TemplateField>
<asp:BoundField DataField="au_lname" HeaderText="标题" />
<asp:BoundField DataField="phone" HeaderText="电话" />
<asp:BoundField DataField="address" HeaderText="地址" />
</Columns>
</asp:GridView>
</td>
</tr>
</table>
</form>
</body>
</html>
//------------------后台获取并处理所选择的列
foreach (GridViewRow row in this.GridView1.Rows)
...{
CheckBox CheckRow = (CheckBox)row.FindControl("CheckRow");
if (CheckRow.Checked)
...{
string id = this.GridView1.DataKeys[row.RowIndex].Values["au_id"].ToString();
//其它处理操作略
}
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" ><head runat="server"> <title>无标题页</title> <script language="javascript" type="text/javascript"> //实现GridView的CheckBox全部选择和全部取消 function CheckAll(checkbox) ...{ var elements = checkbox.form.elements; for(var i = 0;i < elements.length;i++) ...{ if(elements[i].type == "checkbox" && elements[i].id != checkbox.id) ...{ elements[i].checked = checkbox.checked; } } } </script></head><body> <form id="form1" runat="server"> <table align="center" width="760"> <tr> <td> <asp:GridView ID="GridView1" AutoGenerateColumns="false" DataKeyNames="au_id" runat="server"> <Columns> <asp:TemplateField> <HeaderTemplate> <input type="checkbox" id="Check" onclick="CheckAll(this)" title="全选/全不选"/> </HeaderTemplate> <ItemTemplate> <asp:CheckBox ID="CheckRow" runat="server" /> </ItemTemplate> <HeaderStyle Width="20px" /> </asp:TemplateField> <asp:BoundField DataField="au_lname" HeaderText="标题" /> <asp:BoundField DataField="phone" HeaderText="电话" /> <asp:BoundField DataField="address" HeaderText="地址" /> </Columns> </asp:GridView> </td> </tr> </table> </form></body></html>
//------------------后台获取并处理所选择的列foreach (GridViewRow row in this.GridView1.Rows)...{ CheckBox CheckRow = (CheckBox)row.FindControl("CheckRow"); if (CheckRow.Checked) ...{ string id = this.GridView1.DataKeys[row.RowIndex].Values["au_id"].ToString(); //其它处理操作略 }}
扫一扫
429
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
