asp.net GridView控件中實(shí)現(xiàn)全選的解決方案
更新時(shí)間：2010年03月05日 23:14:29 作者：
在GridView中我們經(jīng)常要利用復(fù)選按鈕實(shí)現(xiàn)全選的功能，下面針對(duì)這一解決方案做以總結(jié)
第一種：利用客戶端控件實(shí)現(xiàn)
JS:
<script type="text/javascript">
function checkAll()
{
var checklist=document.getElementsByTagName("input");
for(var i=0;i<checklist.length;i++)
{
if(checklist[i].type=="checkbox")
{
checklist[i].checked=document.form1.ck.checked;
}
}
}
</script>
GridView控件：
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false" >
<Columns>
<asp:BoundField DataField="ProductID" HeaderText="產(chǎn)品編號(hào)" />
<asp:TemplateField>
<HeaderTemplate>
<input id="ck" type="checkbox" onclick="checkAll();" />
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox ID="checkbox1" runat="server" />
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
第二種：利用服務(wù)器端控件實(shí)現(xiàn)
protected void 全選_CheckedChanged(object sender, EventArgs e)
{
if (全選.Checked == true)
{
for (int i = 0; i < GridView1.Rows.Count; i++)
{
CheckBox ck = (CheckBox)GridView1.Rows[i].Cells[0].FindControl("checkbox1") as CheckBox;
if (ck!=null)
{
ck.Checked = true;
}
}
}
else
{
for (int i = 0; i < GridView1.Rows.Count; i++)
{
CheckBox ck = (CheckBox)GridView1.Rows[i].Cells[0].FindControl("checkbox1") as CheckBox;
if (ck != null)
{
ck.Checked = false;
}
}
}
}
JS:
復(fù)制代碼 代碼如下:
<script type="text/javascript">
function checkAll()
{
var checklist=document.getElementsByTagName("input");
for(var i=0;i<checklist.length;i++)
{
if(checklist[i].type=="checkbox")
{
checklist[i].checked=document.form1.ck.checked;
}
}
}
</script>
GridView控件：
復(fù)制代碼 代碼如下:
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false" >
<Columns>
<asp:BoundField DataField="ProductID" HeaderText="產(chǎn)品編號(hào)" />
<asp:TemplateField>
<HeaderTemplate>
<input id="ck" type="checkbox" onclick="checkAll();" />
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox ID="checkbox1" runat="server" />
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
第二種：利用服務(wù)器端控件實(shí)現(xiàn)
復(fù)制代碼 代碼如下:
protected void 全選_CheckedChanged(object sender, EventArgs e)
{
if (全選.Checked == true)
{
for (int i = 0; i < GridView1.Rows.Count; i++)
{
CheckBox ck = (CheckBox)GridView1.Rows[i].Cells[0].FindControl("checkbox1") as CheckBox;
if (ck!=null)
{
ck.Checked = true;
}
}
}
else
{
for (int i = 0; i < GridView1.Rows.Count; i++)
{
CheckBox ck = (CheckBox)GridView1.Rows[i].Cells[0].FindControl("checkbox1") as CheckBox;
if (ck != null)
{
ck.Checked = false;
}
}
}
}
您可能感興趣的文章:
- ASP.NET 2.0/3.5中直接操作Gridview控件插入新記錄
- asp.net GridView控件鼠標(biāo)移動(dòng)某行改變背景顏色(方法一)
- asp.net GridView控件中模板列CheckBox全選、反選、取消
- ASP.NET2.0中用Gridview控件操作數(shù)據(jù)的代碼
- ASP.NET GridView控件在列上格式化時(shí)間及DataFormatString使用
- asp.net的GridView控件使用方法大全
- asp.net中GridView控件遍歷的小例子
- Asp.net的GridView控件實(shí)現(xiàn)單元格可編輯方便用戶使用
- ASP.NET4 GridView的四種排序樣式詳解
- ASP.NET使用GridView導(dǎo)出Excel實(shí)現(xiàn)方法
- asp.net gridview分頁(yè)：第一頁(yè) 下一頁(yè) 1 2 3 4 上一頁(yè) 最末頁(yè)
- ASP.NET中為GridView添加刪除提示框的方法
- asp.net中GridView數(shù)據(jù)鼠標(biāo)移入顯示提示信息
- 如何用jQuery實(shí)現(xiàn)ASP.NET GridView折疊伸展效果
- ASP.NET GridView中加入RadioButton不能單選的解決方案
- 靈活掌握asp.net中g(shù)ridview控件的多種使用方法（上）
- 靈活掌握asp.net中g(shù)ridview控件的多種使用方法（下）
相關(guān)文章
c# 讀取Northwind數(shù)據(jù)庫(kù)image字段
我在寫(xiě)一個(gè)三層結(jié)構(gòu)Demo時(shí)，使用了Northwind這個(gè)范例數(shù)據(jù)庫(kù)。但是奇怪的是，讀取Categories表的Picture列（image類(lèi)型）無(wú)法在image控件中正常顯示(解決方案在后面代碼中可以看到)。2009-03-03
asp.net Repeater綁定時(shí)使用函數(shù)
asp.net repeater綁定函數(shù)使用實(shí)例2008-08-08
ASP.NET中常用的用來(lái)輸出JS腳本的類(lèi)
在ASP.NET中我們經(jīng)常需要輸出一些JS腳本，比如彈出一個(gè)警告窗口，返回到歷史頁(yè)面等JS功能，我看到網(wǎng)上好多這方面的代碼，以下代碼是其中之一。2010-02-02
想做頁(yè)面美化，特別是在一個(gè)頁(yè)面中，只占了很小一塊的頁(yè)面，想做成彈出窗口樣式，稍微總結(jié)了下：2013-07-07
.Net Core 使用NLog記錄日志到文件和數(shù)據(jù)庫(kù)的操作方法
這篇文章主要介紹了.Net Core 使用NLog記錄日志到文件和數(shù)據(jù)庫(kù)的操作方法,本文分步驟通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下2021-07-07
.net通過(guò)Action進(jìn)行Options參數(shù)的傳遞的方法
在.NET Core中，使用Action和Options參數(shù)方式配置服務(wù)并將配置信息對(duì)象注冊(cè)到IServiceCollection的好處在于，它提供了更高級(jí)別的可配置性和可擴(kuò)展性，這篇文章主要介紹了.net通過(guò)Action進(jìn)行Options參數(shù)的傳遞，你知道是怎么實(shí)現(xiàn)的嗎,需要的朋友可以參考下2023-12-12
這篇文章主要介紹了asp.net分頁(yè)功能是如何實(shí)現(xiàn)的，有整個(gè)解析思路，希望對(duì)大家的學(xué)習(xí)有所幫助。2015-09-09
Jmeter是Apache開(kāi)源的一個(gè)使用純Java編寫(xiě)的壓力測(cè)試工具，它最初是為測(cè)試web應(yīng)用程序而設(shè)計(jì)的，但后來(lái)擴(kuò)展到了其他測(cè)試功能，這篇文章主要介紹了通過(guò)jmeter壓測(cè)surging的相關(guān)知識(shí),需要的朋友可以參考下2022-07-07
DataList 中動(dòng)態(tài)綁定服務(wù)器子控件的代碼
DataList 中動(dòng)態(tài)綁定服務(wù)器子控件的代碼...2007-09-09
asp.net 簡(jiǎn)易生成注冊(cè)碼（數(shù)字+大小寫(xiě)字母）
注釋寫(xiě)的很詳細(xì)，不做過(guò)多的描述了，希望能給初學(xué)者帶來(lái)一些幫助，同時(shí)也是自己知識(shí)的一個(gè)積累過(guò)程。2008-11-11