服务器之家

服务器之家 > 正文

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

时间:2019-09-25 10:43     来源/作者:asp.net教程网

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

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

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

复制代码代码如下:


<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代码来实现这个功能: 

复制代码代码如下:


<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> 

相关文章

热门资讯

玄元剑仙肉身有什么用 玄元剑仙肉身境界等级划分
玄元剑仙肉身有什么用 玄元剑仙肉身境界等级划分 2019-06-21
华为nova5pro和p30pro哪个好 华为nova5pro和华为p30pro对比详情
华为nova5pro和p30pro哪个好 华为nova5pro和华为p30pro对比详情 2019-06-22
男生常说24816是什么意思?女生说13579是什么意思?
男生常说24816是什么意思?女生说13579是什么意思? 2019-09-17
抖音撒撒累累是什么歌 撒撒累累张艺兴歌曲名字
抖音撒撒累累是什么歌 撒撒累累张艺兴歌曲名字 2019-06-05
超A是什么意思 你好a表达的是什么
超A是什么意思 你好a表达的是什么 2019-06-06
返回顶部