激情久久久_欧美视频区_成人av免费_不卡视频一二三区_欧美精品在欧美一区二区少妇_欧美一区二区三区的

服務器之家:專注于服務器技術及軟件下載分享
分類導航

PHP教程|ASP.NET教程|Java教程|ASP教程|編程技術|正則表達式|C/C++|IOS|C#|Swift|Android|VB|R語言|JavaScript|易語言|vb.net|

服務器之家 - 編程語言 - ASP.NET教程 - GridView中加上CheckBox 的全選功能的代碼

GridView中加上CheckBox 的全選功能的代碼

2019-10-28 12:59asp.net教程網 ASP.NET教程

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值唷

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

延伸 · 閱讀

精彩推薦
主站蜘蛛池模板: 久久久tv| 久久久久亚洲a | 91网页视频入口在线观看 | 亚洲婷婷日日综合婷婷噜噜噜 | 在线亚洲播放 | 黄色高清免费 | 精品69人人人人 | 男男啪羞羞视频网站 | 天堂二区 | 少妇一级淫片免费看 | 羞羞视频免费观看入口 | 一区二区三区小视频 | 日本中文一级片 | 免费看综艺策驰影院 | 精品国产一区二区亚洲人成毛片 | 91看片在线观看视频 | 国产91porn | 精品黑人一区二区三区国语馆 | 久久草在线观看视频 | gogo全球大胆高清人露出91 | 国产1区在线观看 | 精品国产观看 | 久久精品视频69 | 国产91av视频 | 久久精品中文字幕一区二区 | 亚洲综合一区在线观看 | 亚洲国产精品久久久久婷婷老年 | 伦理三区 | 国人精品视频在线观看 | 色吧久久 | 毛片成人| 韩国19禁在线| 日本一区二区视频在线观看 | 202z中文字幕第一页 | 欧美一级黄色录相 | 最近日本电影hd免费观看 | 激情亚洲一区二区 | 成人在线视频在线观看 | 成人福利视频网站 | 色综合久久99 | 亚洲精品一区国产精品丝瓜 |