[导入]GridView中实现CHECKBOX全选

[导入]GridView中实现CHECKBOX全选

1. JS代码:

JavaScript代码

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

2.GridView代码:

XML/HTML代码

<Columns>
                  <asp:TemplateField>
                      <HeaderTemplate>
                          <input type="checkbox" id='chkHeader' onclick="SelectAll(this)" />
                      </HeaderTemplate>
                      <ItemTemplate>
                          <asp:CheckBox ID="gvChkBox" runat="server" />
                      </ItemTemplate>
                  </asp:TemplateField>

3.后台获取CheckBox状态代码

C#代码

bool chkBoxState = ((CheckBox)gr.FindControl("gvChkBox")).Checked;

说明: 1.JS实现了对CHECKBOX的全选(取消全选)功能
         2.实现了GRIDVIEW的第一列显示为CHECKBOX
         3.实现了对GRIDVIEW 中的gvChkBox控件的取值

文章来源: http://www.my1984.net/?action=show&id=162

MSN: