（ajax）GridView中实现CheckBox的全选

最新推荐文章于 2024-09-13 15:19:32 发布

yh813

最新推荐文章于 2024-09-13 15:19:32 发布

阅读量732

点赞数

分类专栏： .NET WEB AJAX 文章标签： ajax dataset asp server object string

本文链接：https://blog.csdn.net/yh813/article/details/2535984

版权

.NET 同时被 3 个专栏收录

1 篇文章 0 订阅

订阅专栏

WEB

1 篇文章 0 订阅

订阅专栏

AJAX

1 篇文章 0 订阅

订阅专栏

一下代码由cnblogs的一位网友的代码修改而成，主要加入了ajax

用服务器端的方法：在页面上放一个gridview控件，配置好数据源，编辑列，添加一个模版列，再编辑模版，放入一个checkbox控件。代码如下：

<body>

    <form id="form1" runat="server">

        <asp:ScriptManager ID="ScriptManager1" runat="server"/>

    <div>

        <asp:UpdatePanel ID="UpdatePanel1" runat="server">

            <ContentTemplate>

                <asp:GridView ID="GridView1" runat="server">

                    <Columns>

                        <asp:TemplateField>

                            <HeaderTemplate>

                                <asp:CheckBox ID="chkAll" runat="server" OnCheckedChanged="chkAll_CheckedChanged" AutoPostBack="True" />

                            </HeaderTemplate>

                            <ItemTemplate>

                                <asp:CheckBox ID="chkItem" runat="server" />

                            </ItemTemplate>

                        </asp:TemplateField>

                    </Columns>

                </asp:GridView>

            </ContentTemplate>

        </asp:UpdatePanel>

        

    </div>

    </form>

</body>

后台cs代码：
using System;

using System.Data;

using System.Configuration;

using System.Collections;

using System.Web;

using System.Web.Security;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Web.UI.WebControls.WebParts;

using System.Web.UI.HtmlControls;

using System.Data.SqlClient;



public partial class Default3 : System.Web.UI.Page

{

    protected void Page_Load(object sender, EventArgs e)

    {

        if (!IsPostBack)

        {

            string conStr = "server=.;database=Northwind;Uid=sa;pwd=";

            string sql = "select * from Region";

            SqlConnection con = new SqlConnection(conStr);

            SqlDataAdapter sda = new SqlDataAdapter(sql, con);

            DataSet ds = new DataSet();

            sda.Fill(ds);

            this.GridView1.DataSource = ds;

            this.GridView1.DataBind();

            sda.Dispose();

            con.Close();

        }

    }

    protected void chkAll_CheckedChanged(object sender, EventArgs e)

    {

        for (int i = 0; i < this.GridView1.Rows.Count; i++)

        {

            ((CheckBox)this.GridView1.Rows[i].FindControl("chkItem")).Checked = ((CheckBox)this.GridView1.HeaderRow.FindControl("chkAll")).Checked;

        }

    }

}

用脚本实现：（未经修改，直接转过来的）

   
   
    
    
    
    <
    
    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

   
   
    
    
    
    <
    
    script type
    
    =
    
    "
    
    text/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();                     }
               }
          }
    
    
  
    
    </
    
    script
    
    >
   
   

 
谢谢这位网友！