GridView中实现CheckBox的全选

最新推荐文章于 2021-05-27 13:46:57 发布

chichaodechao

最新推荐文章于 2021-05-27 13:46:57 发布

阅读量477

点赞数

分类专栏： c# asp.net 文章标签： asp input server 脚本

c# asp.net 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

用脚本实现：

<asp:GridView ID="GridView1" runat="server" AllowPaging="True" AutoGenerateColumns="False"
        DataKeyNames="AreaID" DataSourceID="SqlDataSource1">
        <Columns>
            <asp:BoundField DataField="AreaID" HeaderText="AreaID" ReadOnly="True"

                      SortExpression="AreaID" />
            <asp:BoundField DataField="CityID" HeaderText="CityID" SortExpression="CityID" />
            <asp:TemplateField>
                <HeaderTemplate>
                    <input id="chkAll"  onclick="SelectAll(this)"; type=checkbox>
                </HeaderTemplate>
                <ItemTemplate>
                    <input id="chkItem" type=checkbox>                
                 </ItemTemplate>
            </asp:TemplateField>
        </Columns>
    </asp:GridView>

再客户端写javascript

function SelectAll(chkbox)
{
   var box=chkbox;
   state=theBox.checked;    
   elem=box.form.elements;
   for(i=0;i<elem.length;i++)
   if(elem[i].type=="checkbox" && elem[i].id!=box.id)
    {
         if(elem[i].checked!=state)
         {
            elem[i].click();
         }
    }
 }