GridView客户端checkbox全选

<%@ 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>无标题页</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" onclick="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>
第一段红字是定义一个客户端js 函数,第二段红字是先添加模版列,其中HeaderTemplate里面放的是HTML的checkbox(要runat="server",调用js函数),ItemTemplate里面放的是标准的checkbox,这样就可以全选了