将gridview中的checkbox全选_全选gridview内的checkbox-优快云博客

本文链接：https://blog.youkuaiyun.com/greatmumuke/article/details/1623546

本文介绍如何在ASP.NET的GridView控件中实现全选功能，并通过客户端JavaScript与服务器端C#代码相结合来判断哪些行已被选中。具体包括自定义模板字段、绑定CheckBox控件及其实现全选逻辑。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在aspx页面添加如下js脚本

   < script type = " text/javascript " >
   // <![CDATA[
   function CheckAll(oCheckbox)
  {
    var GridView2 = document.getElementById( " <%=GridView1.ClientID %> " );
    for (i = 1 ;i < GridView1.rows.length; i ++ )
   {
    GridView1.rows[i].cells[ 0 ].getElementsByTagName( " INPUT " )[ 0 ].checked = oCheckbox.checked;
   }
  }

   // ]]>
   </ script >

gridview中的声明部分代码如下

                 < asp:TemplateField HeaderText = " 选择 " >
                   < HeaderTemplate >
                   < input id = " Checkbox2 " type = " checkbox " onclick = " CheckAll(this) " runat = " server " />< label > 全选 </ label >
               　 </ HeaderTemplate >

                     < ItemTemplate >
                         < asp:CheckBox ID = " CheckBox1 " runat = " server " Text = " 选择 " />
                     </ ItemTemplate >
                 </ asp:TemplateField >

如下图：

http://download1.youkuaiyun.com/down3/20070524/24093134446.gif

在一个按钮中判断是否行被选择

for ( int i = 0 ; i < this .GridView1.Rows.Count; i ++ )
        {
            CheckBox myCb = (CheckBox)( this .GridView1.Rows[i].FindControl( " CheckBox1 " ));
             if (myCb.Checked)
            {
                Label lb_nj = (Label)( this .GridView1.Rows[i].Cells[ 1 ].Controls[ 1 ]); // 年级
                Label lb_zybh = (Label)( this .GridView1.Rows[i].Cells[ 3 ].Controls[ 1 ]); // 专业编号
                Label lb_zymc = (Label)( this .GridView1.Rows[i].Cells[ 2 ].Controls[ 1 ]); // 专业名称
                Label lb_ccbh = (Label)( this .GridView1.Rows[i].Cells[ 5 ].Controls[ 1 ]); // 层次编号
                Label lb_ccmc = (Label)( this .GridView1.Rows[i].Cells[ 4 ].Controls[ 1 ]); // 层次名称

                // ……………………
        }