当前位置:Gxlcms > asp.net > 使用JavaScript代码实现各种数据控件的反选功能 不要只做拖控件的菜鸟

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

时间:2021-07-01 10:21:17 帮助过:12人阅读

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

下面将实现反选的两部分代码写一下哦。控件使用的是GridView控件
代码如下:
  1. <br><asp:TemplateField HeaderText="<input type='checkbox' id='cbAll' name='cbAll' onclick='selAll(this.checked);' />反选"> <br><ItemTemplate> <br><input type="checkbox" id="cbName" name="cbName" value='<%# DataBinder.Eval(Container.DataItem, "ProductID")%>' /> <br></ItemTemplate> <br></asp:TemplateField> <br> <br>然后写JavaScript代码来实现这个功能: <br><span><u></u></span> 代码如下:<pre class="brush:php;toolbar:false layui-box layui-code-view layui-code-notepad"><ol class="layui-code-ol"><li><br><script type="text/javascript"> <br>function selAll(boolValue) <br>{ <br>var obj=document.getElementsByName("cbName"); <br>var cbNameLen=obj.length; <br>if(cbNameLen>1) <br>{ <br>for(var i=0;i<cbNameLen;i++) <br>{ <br>if(obj[i].checked) <br>{ <br>obj[i].checked=false; <br>} <br>else <br>{ <br>obj[i].checked=true; <br>} <br>} <br>} <br>else <br>{ <br>obj.checked = boolValue; <br>} <br>} <br>function clickBtnCheck() <br>{ <br>var obj=document.getElementsByName("cbName"); <br>var cbNameLen=obj.length; <br>var Flag=false; <br>if(cbNameLen>0) <br>{ <br>for(var i=0;i<cbNameLen;i++) <br>{ <br>if(obj[i].checked) <br>{ <br>Flag=true; <br>break; <br>} <br>} <br>if(Flag) <br>{ <br>return true; <br>} <br>else <br>{ <br>alert("请先选择要操作的记录! "); <br>return false; <br>} <br>} <br>else <br>{ <br>alert("现在没有记录,不能操作!"); <br>return false; <br>} <br>} <br></script> <br></li><li> </li><li> </li></ol></pre>

人气教程排行