GridView中加上CheckBox 的全選功能的代碼
首先我們當(dāng)然是要先做出一個有資料的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>標(biāo)籤上面,到這裡就已經(jīng)完成了全選和取消全選的功能了,您可以自行測試看看,再來我們要製作修改的部份(你總不會做出全選/取消的功能只是讓使用者按好玩的吧), 接著在頁面上放置一個按鈕(Button),對按鈕點(diǎn)兩下,切換到程式部份, 切換到程式部份後我們利用以下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的值,我設(shè)定的是pk值
}
}
如果您的GridVie沒有設(shè)定 DataKeyNames="資料欄位"那上方的code就列不出pk值唷
利用以上方式您就可以準(zhǔn)確的抓出哪些列有被使用者打勾,來作其他您要執(zhí)行的程式了
- DataGridView中CheckBox實現(xiàn)某一列單選
- Gridview使用CheckBox全選與單選采用js實現(xiàn)同時高亮顯示選擇行
- gridview和checkboxlist的嵌套相關(guān)應(yīng)用
- GridView的CheckBox列選擇及多參數(shù)傳遞三步搞定
- ASP.NET Gridview與checkbox全選、全不選實現(xiàn)代碼
- asp.net GridView控件中模板列CheckBox全選、反選、取消
- asp.net checkbox 動態(tài)綁定id GridView刪除提示
- Asp.net 中使用GridView控件實現(xiàn)Checkbox單選
相關(guān)文章
.net通過Action進(jìn)行Options參數(shù)的傳遞的方法
在.NET Core中,使用Action和Options參數(shù)方式配置服務(wù)并將配置信息對象注冊到IServiceCollection的好處在于,它提供了更高級別的可配置性和可擴(kuò)展性,這篇文章主要介紹了.net通過Action進(jìn)行Options參數(shù)的傳遞,你知道是怎么實現(xiàn)的嗎,需要的朋友可以參考下2023-12-12在.NET Core中用最原生的方式讀取Nacos的配置方法(推薦)
這篇文章主要介紹了在.NET Core中用最原生的方式讀取Nacos的配置方法,本文給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-04-04.Net學(xué)習(xí)筆記之Layui多圖片上傳功能
這篇文章主要給大家介紹了關(guān)于.Net學(xué)習(xí)筆記之Layui多圖片上傳功能的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家學(xué)習(xí)或者使用.Net具有一定的參考學(xué)習(xí)價值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-07-07.net?core?api接口JWT方式認(rèn)證Token
本文詳細(xì)講解了.net?core?api接口JWT方式認(rèn)證Token,文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2021-12-12深入.net調(diào)用webservice的總結(jié)分析
本篇文章是對.net調(diào)用webservice進(jìn)行了詳細(xì)的總結(jié)與分析,需要的朋友參考下2013-05-05ASP.NET Gridview 中使用checkbox刪除的2種方法實例分享
ASP.NET Gridview 中使用checkbox刪除的2種方法實例分享,需要的朋友可以參考一下2013-06-06asp.net下使用jQuery.AutoComplete完成仿淘寶商品搜索自動完成功能(改進(jìn)了鍵盤上下選擇體驗)
其實這個已經(jīng)是個比較常見的功能了,網(wǎng)上也有很多人做過這個了,但是很多都是僅僅做了一些基本的網(wǎng)頁上自動完成功能,沒有與具體的數(shù)據(jù)庫進(jìn)行聯(lián)動,我今天所介紹這個自動完成的就是我修改的jQuery.AutoComplete+數(shù)據(jù)庫的一個解決方案。2010-05-05