使用JavaScript代码实现各种数据控件的反选功能不要只做拖控件的菜鸟

2011-12-22 23:33:37 作者：

在我们做许多项目的时候，会用到反选这个功能，但是我一般使用C#代码创建数组遍历实现功能，今天我想换一种语言实现一下，于是我就用JavaScript研究了一下怎么实现这个功能

原来也很简单和用C#语言来实现这个差不多吧，只不过使唤了两种语言哦，而且这样写代码对系统的性能也比较好。如图所示：为反选所实现的功能。

下面将实现反选的两部分代码写一下哦。控件使用的是GridView控件

 
<asp:TemplateField HeaderText="&lt;input type='checkbox' id='cbAll' name='cbAll' onclick='selAll(this.checked);' /&gt;反选"> 
<ItemTemplate> 
<input type="checkbox" id="cbName" name="cbName" value='<%# DataBinder.Eval(Container.DataItem, "ProductID")%>' /> 
</ItemTemplate> 
</asp:TemplateField> 

然后写JavaScript代码来实现这个功能：

复制代码代码如下:

 
<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("现在没有记录，不能操作！"); 
return false; 
} 
} 
</script> 

使用JavaScript代码实现各种数据控件的反选功能 不要只做拖控件的菜鸟

使用JavaScript代码实现各种数据控件的反选功能不要只做拖控件的菜鸟