GridView中加上CheckBox 的全选功能的代码

2020-01-18 00:07:46

字体：大中小

来源：转载

供稿：网友

首先我然是要先做出一有料的GridView
GridView做好後，我在後方新增一板位(TemplateField)
在新增的板位中的HeaderTemplate加入一CheckBox作全用，然後在ItemTemplate也加入一CheckBox

复制代码代码如下:

<asp:TemplateField>      
                    <HeaderTemplate>      
                        <asp:CheckBox ID="CheckAll" runat="server" onclick= "SelectAllCheckboxes(this);"  Text="全/取消" ToolTip="按一次全，再按一次取消全" />      
                    </HeaderTemplate>      
                    <ItemTemplate>      
                        <asp:CheckBox ID="CheckBox2" runat="server" Text="全"/>      
                    </ItemTemplate>      
</asp:TemplateField>

接著在面的最底部加上以下的Java Script

复制代码代码如下:

<script type="text/javascript">      
function SelectAllCheckboxes(spanChk)      
{      
    elm=document.forms[0];      

    for(i=0;i<elm.length;i++)      
        {      
            if(elm[i].type=="checkbox" && elm[i].id!=spanChk.id)      
            {      
                if(elm.elements[i].checked!=spanChk.checked)      
                 elm.elements[i].click();                      
            }      
    }      
}      
</script>

如果您的面有套用MasterPage上方JS放在</asp:Content>上面,到就已完成了全和取消全的功能了，您可以自行看看，再我要作修改的部份(你不做出全/取消的功能只是使用者按好玩的吧), 接著在面上放置一按(Button)，按下，切到程式部份, 切到程式部份後我利用以下code去抓出哪些列(ROW)有被打勾

复制代码代码如下:

int i;      
for (i = 0; i < this.GridView1.Rows.Count; i++)      
{      
    if (((CheckBox)GridView1.Rows[i].FindControl("CheckBox2")).Checked)      
    {      
    Response.Write(GridView1.DataKeys[i].Value.ToString());      
    //GridView1.DataKeys[i].Value.ToString()可以抓到列的DataKeys的值，我定的是pk值      
    }      
} 

如果您的GridVie有定 DataKeyNames="料位"那上方的code就列不出pk值唷

利用以上方式您就可以的抓出哪些列有被使用者打勾，作其他您要行的程式了

上一篇：datalist,Repeater和Gridview的区别分析

下一篇：asp.net导出Excel显示中文乱码的解决方法