ASP.NET Gridview與checkbox全選、全不選實現(xiàn)代碼
更新時間：2010年04月11日 23:51:39 作者：
ASP.NET Gridview checkbox全選與全不選實現(xiàn)代碼，其實原理就是利用js來實現(xiàn)的，但需要簡單的設(shè)置下回傳。
1. 頁面 在onclick事件中 "傳自己"
<asp:TemplateField HeaderText="全選">
<HeaderTemplate>
<input type="checkbox" id="CheckBox1" name="CheckBox1" onclick="GetAllCheckBox(this)" />
全選
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox ID="CheckBox2" runat="server"/>
</ItemTemplate>
<ItemStyle HorizontalAlign="Center" Width="100px" />
</asp:TemplateField>
2.編寫JS代碼
<script type="text/javascript" language="javascript">
function GetAllCheckBox(CheckAll)
{
var items = document.getElementsByTagName("input");
for(var i=0;i<items.length;i++)
{
if(items[i].type == "checkbox")
{
items[i].checked = CheckAll.checked;
}
}
}
</script>
復(fù)制代碼 代碼如下:
<asp:TemplateField HeaderText="全選">
<HeaderTemplate>
<input type="checkbox" id="CheckBox1" name="CheckBox1" onclick="GetAllCheckBox(this)" />
全選
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox ID="CheckBox2" runat="server"/>
</ItemTemplate>
<ItemStyle HorizontalAlign="Center" Width="100px" />
</asp:TemplateField>
2.編寫JS代碼
復(fù)制代碼 代碼如下:
<script type="text/javascript" language="javascript">
function GetAllCheckBox(CheckAll)
{
var items = document.getElementsByTagName("input");
for(var i=0;i<items.length;i++)
{
if(items[i].type == "checkbox")
{
items[i].checked = CheckAll.checked;
}
}
}
</script>
您可能感興趣的文章:
相關(guān)文章
asp.net通過js實現(xiàn)Cookie創(chuàng)建以及清除Cookie數(shù)組的代碼
asp.net Cookie創(chuàng)建以及清除Cookie數(shù)組2010-03-03
使用Fiddler調(diào)試visual studion多個虛擬站點的問題分析
本篇文章小編為大家介紹，使用Fiddler調(diào)試visual studion多個虛擬站點的問題分析。需要的朋友參考下2013-04-04
這篇文章主要介紹了.net core xss攻擊防御的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-07-07
最近學習了下C#中實現(xiàn)郵件發(fā)送功能,并將該功能用于本博客的密碼找回中！2008-11-11
Discuz .net 短消息實現(xiàn)原理。2009-04-04
這篇文章主要介紹了詳解EFCore中的導(dǎo)航屬性的相關(guān)資料，幫助大家更好的理解和學習使用ASP.NET CORE，感興趣的朋友可以了解下2021-03-03
這篇文章主要為大家詳細介紹了asp.net webform自定義分頁控件，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
asp.net中使用 Repeater控件拖拽實現(xiàn)排序并同步數(shù)據(jù)庫字段排序
這篇文章主要介紹了asp.net中使用 Repeater控件拖拽實現(xiàn)排序并同步數(shù)據(jù)庫字段排序的相關(guān)資料,需要的朋友可以參考下2015-12-12
這篇文章主要介紹了ASP.NET數(shù)據(jù)庫操作類,結(jié)合實例形式分析了asp.net基本的數(shù)據(jù)庫增刪改查操作封裝相關(guān)技巧,需要的朋友可以參考下2017-03-03
ASP.NET MVC HttpPostedFileBase文件上傳的實例代碼
這篇文章主要介紹了ASP.NET MVC HttpPostedFileBase文件上傳,具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07