个人中心
gpt4 book ai didi

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

转载 作者：qq735679552 更新时间：2022-09-29 22:32:09 28 4
gpt4 key购买 nike

CFSDN坚持开源创造价值，我们致力于搭建一个资源共享平台，让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章GridView中加上CheckBox 的全选功能的代码由作者收集整理，如果你对这篇文章有兴趣，记得点赞哟.

首先我們當然是要先做出一個有資料的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值唷 。

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

最后此篇关于GridView中加上CheckBox 的全选功能的代码的文章就讲到这里了,如果你想了解更多关于GridView中加上CheckBox 的全选功能的代码的内容请搜索CFSDN的文章或继续浏览相关文章，希望大家以后支持我的博客！ 。

28 4 0
文章推荐： .NET 缓存设计的使用说明
文章推荐： datalist,Repeater和Gridview的区别分析
文章推荐： asp.net导出Excel显示中文乱码的解决方法
文章推荐： .NET读取Excel文件的三种方法的区别
qq735679552
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com