本文介绍如何在ASP.NET的GridView控件中实现客户端全选功能。通过使用JavaScript和服务器端代码结合，使得用户可以方便地选择GridView中的所有项。
<%@ Page Language="C#" EnableEventValidation = "false" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" Debug="true" %>
<!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>GridView客户端checkbox全选 </title>
<script type="text/javascript">
function CheckAllC(oCheckbox)
{
var GridView1 = document.getElementById("<%=GridView1.ClientID %>");
for(i = 1;i < GridView1.rows.length; i++)
{
GridView1.rows[i].cells[0].getElementsByTagName("INPUT")[0].checked = oCheckbox.checked;
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<asp:GridView ID="GridView1" runat="server" Width="80%" AutoGenerateColumns="False" DataKeyNames="aa">
<Columns>
<asp:TemplateField>
<HeaderTemplate>
<input id="Checkbox2" runat="server" type="checkbox" οnclick="CheckAllC(this)"/>
全选
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox ID="ItemCheckBoxC" runat="server" />
</ItemTemplate>
<ItemStyle Width="10%" />
</asp:TemplateField>
<asp:BoundField DataField="aa" Visible="False" />
<asp:BoundField DataField="cc" HeaderText="cc" />
<asp:BoundField DataField="dd" HeaderText="dd" />
<asp:BoundField DataField="ee" HeaderText="ee" />
</Columns>
<RowStyle HorizontalAlign="Center" />
<AlternatingRowStyle HorizontalAlign="Center" />
<PagerSettings Visible="False" />
</asp:GridView>
</form>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
