如何在gridview 的标头上加上一个checkbox

Question

如何在gridview 的标头上加上一个checkbox<asp:TemplateField  HeaderText="选择">
                                 <HeaderStyle HorizontalAlign="Center" Width="30px" />
                                 <ItemStyle HorizontalAlign="Center" Width="30px" />
                                 <ItemTemplate>
                                     <asp:CheckBox ID="ChkSel" runat="server" onclick='document.getElementById(this.id.replace("_ChkSel","_TxtSL")).disabled = !this.checked'/>
                                 </ItemTemplate>
                                 </asp:TemplateField> 
在 HeaderText="选择"> 前面加上一个CheckBox 
当选中时 模板列上的所有CheckBox  都选中,如何实现这样的功能?

Answer 1

<asp:TemplateField>
                                       <ItemTemplate>
                                           <a href="DepartAdd.aspx?DepartAdd='+<%# Eval("ID") %>+'"><%# DataBinder.Eval(Container.DataItem,"Depart_Name")%></a>
                                       </ItemTemplate>
                                        <HeaderTemplate>
                                            <asp:CheckBox ID="CheckBox1" runat="server" />
                                        </HeaderTemplate>
                                        <ItemStyle HorizontalAlign="Center" Width="150px" />
                                    </asp:TemplateField>

Answer 2

<asp:GridView ID="gv"  runat="server">
<Columns>
<asp:TemplateField>
<HeaderTemplate> <asp:CheckBox ID="ChkSel" runat="server" onclick='document.getElementById(this.id.replace("_ChkSel","_TxtSL")).disabled = !this.checked'/>
选择</HeaderTemplate>
<ItemTemplate>ddddddddd</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView> 在gridview 的标头上加上一个checkbox

Answer 3

<asp:TemplateField  HeaderText="选择">
                                 <HeaderStyle HorizontalAlign="Center" Width="30px" />
                                 <ItemStyle HorizontalAlign="Center" Width="30px" />
                                 <HeaderTemplate> 
                                            <asp:CheckBox ID="CheckBox1" runat="server" /> 
                                        </HeaderTemplate> 
                                 <ItemTemplate>
                                     <asp:CheckBox ID="ChkSel" runat="server" onclick='document.getElementById(this.id.replace("_ChkSel","_TxtSL")).disabled = !this.checked'/>
                                 </ItemTemplate>
                                 </asp:TemplateField>  如何实现 点击  Header 上的 CheckBox 
选中时 模板列上的所有CheckBox  都选中, ?

Answer 4

    <asp:TemplateField  HeaderText="<input type='checkbox' onclick='javascript:CheckAll(this)' />">
                                 <HeaderStyle HorizontalAlign="Center" Width="30px" />
                                 <ItemStyle HorizontalAlign="Center" Width="30px" />
                                 <ItemTemplate>
                                     <asp:CheckBox ID="ChkSel" runat="server" onclick='document.getElementById(this.id.replace("_ChkSel","_TxtSL")).disabled = !this.checked'/>
                                 </ItemTemplate>
                                 </asp:TemplateField> 
<script type="text/javascript">
  
 function CheckAll(chkall)
 {
    var tb= chkall.parentNode.parentNode.parentNode;
    var chks = tb.getElementsByTagName("input");
    for(var i=0;i<chks.length;i++)
    {
        chks[i].checked = chkall.checked;
    }
 }
</script>