使用JavaScript代碼實現(xiàn)各種數(shù)據(jù)控件的反選功能 不要只做拖控件的菜鳥
更新時間：2011年12月22日 23:33:37 作者：
在我們做許多項目的時候，會用到反選這個功能，但是我一般使用C#代碼創(chuàng)建數(shù)組遍歷實現(xiàn)功能，今天我想換一種語言實現(xiàn)一下，于是我就用JavaScript研究了一下怎么實現(xiàn)這個功能
原來也很簡單和用C#語言來實現(xiàn)這個差不多吧，只不過使喚了兩種語言哦，而且這樣寫代碼對系統(tǒng)的性能也比較好。如圖所示：為反選所實現(xiàn)的功能。
<asp:TemplateField HeaderText="<input type='checkbox' id='cbAll' name='cbAll' onclick='selAll(this.checked);' />反選">
<ItemTemplate>
<input type="checkbox" id="cbName" name="cbName" value='<%# DataBinder.Eval(Container.DataItem, "ProductID")%>' />
</ItemTemplate>
</asp:TemplateField>
然后寫JavaScript代碼來實現(xiàn)這個功能：
<script type="text/javascript">
function selAll(boolValue)
{
var obj=document.getElementsByName("cbName");
var cbNameLen=obj.length;
if(cbNameLen>1)
{
for(var i=0;i<cbNameLen;i++)
{
if(obj[i].checked)
{
obj[i].checked=false;
}
else
{
obj[i].checked=true;
}
}
}
else
{
obj.checked = boolValue;
}
}
function clickBtnCheck()
{
var obj=document.getElementsByName("cbName");
var cbNameLen=obj.length;
var Flag=false;
if(cbNameLen>0)
{
for(var i=0;i<cbNameLen;i++)
{
if(obj[i].checked)
{
Flag=true;
break;
}
}
if(Flag)
{
return true;
}
else
{
alert("請先選擇要操作的記錄！ ");
return false;
}
}
else
{
alert("現(xiàn)在沒有記錄，不能操作！");
return false;
}
}
</script>
復(fù)制代碼 代碼如下:
<asp:TemplateField HeaderText="<input type='checkbox' id='cbAll' name='cbAll' onclick='selAll(this.checked);' />反選">
<ItemTemplate>
<input type="checkbox" id="cbName" name="cbName" value='<%# DataBinder.Eval(Container.DataItem, "ProductID")%>' />
</ItemTemplate>
</asp:TemplateField>
然后寫JavaScript代碼來實現(xiàn)這個功能：
復(fù)制代碼 代碼如下:
<script type="text/javascript">
function selAll(boolValue)
{
var obj=document.getElementsByName("cbName");
var cbNameLen=obj.length;
if(cbNameLen>1)
{
for(var i=0;i<cbNameLen;i++)
{
if(obj[i].checked)
{
obj[i].checked=false;
}
else
{
obj[i].checked=true;
}
}
}
else
{
obj.checked = boolValue;
}
}
function clickBtnCheck()
{
var obj=document.getElementsByName("cbName");
var cbNameLen=obj.length;
var Flag=false;
if(cbNameLen>0)
{
for(var i=0;i<cbNameLen;i++)
{
if(obj[i].checked)
{
Flag=true;
break;
}
}
if(Flag)
{
return true;
}
else
{
alert("請先選擇要操作的記錄！ ");
return false;
}
}
else
{
alert("現(xiàn)在沒有記錄，不能操作！");
return false;
}
}
</script>
相關(guān)文章
Asp.Net MVC3.0如何項目部署到Win7 64位系統(tǒng)
這篇文章主要介紹了Asp.Net MVC3.0如何項目部署到Win7 64位系統(tǒng)的全部過程，需要的朋友可以參考下2015-10-10
ASP.NET web.config中 數(shù)據(jù)庫連接字符串加密解密
本文主要介紹利用aspnet_regiis.exe工具對web.config中connectionStrings節(jié)點進行加密和解密的過程，希望對大家有所幫助。2016-05-05
System.Web.Routing已經(jīng)作為一個程序集包含在.net3.5sp1中發(fā)布了。雖然我們并沒有在3.5sp1中發(fā)現(xiàn)Asp.net Mvc的蹤跡，但是亦以感覺到它離我們不遠了2011-12-12
這篇文章主要介紹了.NET垃圾回收GC診斷工具dotnet-gcmon使用方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2021-11-11
ajax.net +jquery 無刷新三級聯(lián)動的實例代碼
ajax.net +jquery 無刷新三級聯(lián)動的實例代碼，需要的朋友可以參考一下2013-05-05
c#實現(xiàn)根據(jù)網(wǎng)絡(luò)IP顯示地理位置功能示例
通常都會有類似 注冊IP和最后登錄IP這兩個的字段來存儲用戶注冊時候的IP地址和最后登錄的IP的地址，現(xiàn)在我們就簡單的實現(xiàn)一下如標題所示的功能2013-06-06
在這篇文章中，不會涉及ASP.NET的登錄系列控件以及membership的相關(guān)話題，我只想用比較原始的方式來說明在ASP.NET中是如何實現(xiàn)身份認證的過程。2015-09-09
這篇文章主要介紹了asp.net實現(xiàn)獲取客戶端詳細信息，包括客戶端瀏覽器及主機信息，感興趣的小伙伴們可以參考一下2015-12-12
這篇文章主要介紹了ASP.NET使用TreeView顯示文件的方法,包括控件的使用、頁面加載代碼及節(jié)點事件,是WEB應(yīng)用程序中非常實用的技巧,需要的朋友可以參考下2014-09-09
上周花一下午時間寫了個分頁.給大家分享下,如果寫得不好請大家指出一起討論哈,小弟第一次寫文章哈..謝謝.2009-05-05