在GridView中添加全選功能,並獲取選中行id

 

 

 

 

 

 

 

後臺代碼:

    /// <summary>
    /// 獲取選中行id
    /// </summary>
    /// <param name="sender"></param>
    /// <param name="e"></param>
    protected void Button1_Click(object sender, EventArgs e)
    {
        string mgs="";
        //循環遍歷GridView行中的控件
        for (int i = 0; i <this .GridView1 .Rows .Count ; i++)
        {
            CheckBox cb = (GridView1.Rows[i].FindControl("CheckBox2")) as CheckBox;
            if (cb.Checked ==true )//判斷是否選中
            {
                //把獲取的id用逗號聯結,然後賦給label
                mgs += ((this.GridView1.Rows[i].FindControl("LblId")) as Label).Text+",";//找到模版中儲存id的label
                lblMgs.Text = mgs.Substring(0, mgs.Length - 1);
            }
        }
    }

 

頁面調用的Javascript代碼:

    <script language ="javascript" type ="text/javascript">
    function GetAllCheckBox(c)
    {
        var iterms=document.getElementsByTagName("input") ;
       
        for(i=0;i<iterms.length;i++)
        {
            if(iterms[i].type=="checkbox")
            {
                iterms[i].checked=c.checked;
            }
        }
    }
    </script>

 

在input標籤的onclick事件中調用:

                <asp:TemplateField HeaderText="全選">
                    <HeaderTemplate>
                        <input id="Checkbox1" type="checkbox" onclick ="GetAllCheckBox(this)" />全選
                    </HeaderTemplate>
                    <ItemTemplate>
                        <asp:CheckBox ID="CheckBox2" runat="server" />
                    </ItemTemplate>
                    <HeaderStyle Width="100px" />
                </asp:TemplateField>

 

頁面代碼:

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章