使用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)文章
dataGrid 多維表頭、表頭跨行跨列設(shè)計及綁定數(shù)據(jù)
dataGrid 其實就是一個html table,本文將介紹dataGrid 多維表頭，表頭跨行跨列設(shè)計方法需要了解的朋友可以參考下2012-12-12
WPF實現(xiàn)轉(zhuǎn)圈進(jìn)度條效果
這篇文章主要為大家詳細(xì)介紹了WPF實現(xiàn)轉(zhuǎn)圈進(jìn)度條效果，如何設(shè)計自定義的繞圈進(jìn)度條，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-05-05
.net調(diào)用JScript腳本及JS url加密解密
.net調(diào)用JScript腳本及JS url加密解密，需要的朋友可以參考一下2013-03-03
這篇文章主要給大家介紹了關(guān)于在.NET Core 3.0中WPF使用IOC的圖文教程，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-06-06
gRPC 一開始由 google 開發(fā)，是一款語言中立、平臺中立、開源的遠(yuǎn)程過程調(diào)用(RPC)系統(tǒng)，所以叫g(shù)(google)RPC，這篇文章主要介紹了.NET?Core中使用gRPC,需要的朋友可以參考下2022-09-09
gridview的編輯方法的小例子，一段代碼，供大家學(xué)習(xí)參考2013-04-04
Asp.Net防止刷新重復(fù)提交數(shù)據(jù)的辦法
最近在用Asp.Net編寫點東西時遇到個問題：即用戶在提交表單后按刷新就會重復(fù)提交數(shù)據(jù)，即所謂的“刷新重復(fù)提交”的問題。2013-03-03
asp.net+js實現(xiàn)的ajax sugguest搜索提示效果
阿會楠根據(jù)網(wǎng)上一份原作者不詳?shù)拇a進(jìn)行了修改，以適合自己的項目并增加了多個功能。此次放出的代碼為基本實現(xiàn)代碼，也是最接近原來的代碼，略去其他功能。版權(quán)歸原作者所有。2009-04-04
C#圖片截取壓縮(百分比壓縮/大小壓縮)實現(xiàn)代碼
為了娛樂寫了個截取圖片和壓縮圖片你的小工具:按照百分比壓縮/制定大小壓縮等等，感興趣的朋友可以了解下啊，希望本文對你學(xué)些c#圖片知識有所幫助2013-01-01
這篇文章介紹了ASP.NET MVC獲取多級類別組合下產(chǎn)品的方法，文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-09-09