使用JavaScript代码实现各种数据控件的反选功能 不要只做拖控件的菜鸟
2011-12-22 00:00
1061 查看
原来也很简单和用C#语言来实现这个差不多吧,只不过使唤了两种语言哦,而且这样写代码对系统的性能也比较好。如图所示:为反选所实现的功能。
下面将实现反选的两部分代码写一下哦。控件使用的是GridView控件
然后写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>
相关文章推荐
- 使用JavaScript代码实现各种数据控件的反选功能,不要只做拖控件的菜鸟
- 图形的绘制,如何使用自定义画笔(颜色,线宽,线形)。如何为程序中添加选项菜单和选项设置对话框,如何使用标准颜色对话框,如何使用字体对话框,在选项对话框中实现预览功能。实现选项对话框和窗口类中的数据交换。如何改变对话框和控件的背景色,如何改变控件的文本颜色,
- 使用C1TrueDBGrid表格控件实现数据绑定、分组和过滤功能
- 使用react实现手机号的数据同步显示功能的示例代码
- 使用代码实现Android的清除数据的功能
- ASP.NET中服务器控件Button调用javascript代码运用正则表达式验证TextBox中输入的是否为正整数或正小数,符合要求则继续运行服务器端代码功能的实现
- 《论不使用ObjectDataSource之数据绑定控件纯代码实现是否更优化? 》补记
- 使用javascript 实现.net 验证控件功能
- JavaScript在控件上添加倒计时功能的实现代码
- jQuery使用DataTable实现删除数据后重新加载功能
- Android使用GridView实现日历功能(详细代码)
- 使用bat实现计算器功能(C代码)
- 使用纯JavaScript或者jquery插件实现各种验证码总结
- javascript 变速加数功能实现代码
- 使用JavaScript实现控件拖动
- 使用AspNetPager分页控件、分页存储过程及用户控件基类实现的完美分页功能
- Javascript实现代码折叠功能
- Android之ListView分页加载数据功能实现代码
- 使用netty进行服务端网络编程及数据高效分发功能实现