Question

在gridview中实现全选。gridview的第1列和第5列都是checkbox,全选只第一列复选框状态改变。求javascript.

<asp:TemplateField>
<HeaderTemplate>
<input id="ckall" type="checkbox"/>全选
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox runat="server" id="CB_SelSel" />
</ItemTemplate>
</asp:TemplateField>

Answer 1

给你个实例版本，我以前写的，用的是jquery，通过在checkbox上面加class和ID解决，可看以下代码。

-------------------Default.aspx  Code-----------------
<asp:GridView ID="gv" runat="server" AllowPaging="True" AutoGenerateColumns="False"
        DataKeyNames="EmployeeID" PageSize="5" DataSourceID="SqlDs">
        <Columns>
            <asp:TemplateField>
                <HeaderTemplate>
                    <input type="checkbox" id="chkBoxAll" onclick="javascript:return AllSelect()" />
                </HeaderTemplate>
                <ItemTemplate>
                    <%#Container.DataItemIndex+1 %>
                    <input type="checkbox" class="chkSingle" onclick="javascript:return SingleSelect()" />
                </ItemTemplate>
            </asp:TemplateField>
            <asp:BoundField DataField="FirstName" HeaderText="FirstName" SortExpression="FirstName" />

 function AllSelect()
    {
         if ($("#chkBoxAll").attr("checked") == true){
              $(".chkSingle").attr("checked", true);
          }
          else{
              $(".chkSingle").attr("checked", false);
            }
    }
    function SingleSelect()
    {
         if ($(".chkSingle").length == $(".chkSingle:checked").length) {//important
                $("#chkBoxAll").attr("checked",true);
         }
         else{
              $("#chkBoxAll").attr("checked",false);
         }
    }

追问

我要javascript.