手机版

CheckBox为复选框列表实现全选或全取消选择(js代码实现)

时间:2021-10-04 来源:互联网 编辑:宝哥软件园 浏览:

某一个时候,复选框列表的选择太多,用户需要一个全选或全取消的功能。下面使用爪哇岛描述语言来实现它。准备好一个对象:MusicType复制代码代码如下:使用系统;使用系统。集合。通用;使用系统Linq .使用系统Web///Summary///音乐类型////Summary命名空间因苏。NET {公共类音乐类型{私有int _ ID私有字符串_ TypeName公共int ID { get { return _ ID}设置{ _ID=值;} }公共字符串TypeName { get { return _ TypeName}设置{ _TypeName=值;} }公共音乐类型(){////todo :在此处添加构造函数逻辑//}公共音乐类型(int id,string typeName) { this ._ ID=id这个_ TypeName=typeName} } }填充对象:复制代码代码如下:公共列表音乐类型getmusic type(){ list music type mt=new list music type();添加新的音乐类型(1甜密情歌'));添加新的音乐类型(2 '网络红歌'));添加新的音乐类型(3 '儿童歌曲'));添加新的音乐类型(4 '民族精选'));添加新的音乐类型(5 '校园歌曲'));添加新的音乐类型(6 '摇滚音乐'));添加新的音乐类型(7 '胎教音乐'));添加新的音乐类型(8 '红色名曲'));添加新的音乐类型(9 '串烧金曲'));添加新的音乐类型(10 '动慢歌曲'));返回mt;} 在站点建一个aspx网页,并拉两个控件,一个是检验盒和复选框列表:复制代码代码如下: 全选asp:复选框ID=' checkbox All ' runat=' server ' onClick=' JavaScript : check _ Uncheck _ All(此);/br/asp3360复选框列表ID='复选框列表音乐类型' runat='服务器'重复列=' 3 '重复方向='水平'宽度=' 300 '/asp:复选框列表接下来,我们为复选框列表绑定数据:复制代码代码如下:使用系统;使用系统。集合。通用;使用系统Linq .使用系统网络.使用系统网络。用户界面使用系统。网络控件;使用因苏。NET公共部分类默认值2 :系统网络。用户界面。第{页受保护的无效页面_加载(对象发送者,事件参数e) { if(!IsPostBack)Data _ Binding();}私有void Data_Binding() { this .复选框列表musictype。数据源=GetMusicType();这个复选框列表musictype。DataTextField=' TypeName这个。复选框列表音乐类型。数据值字段="标识";这个复选框列表键入错误。DataBind();} } 最后是写爪哇岛描述语言代码:复制代码代码如下:脚本类型='text/javascript '函数勾选_取消勾选_全部(CB){ var CBL=文档。getelementbyid(%)=CheckBoxlistmusicTYPe .客户端id“% s”);var输入=CBL。getelementsbytagname(' input ');if(CB。选中){ for(var I=0;输入长度;I){ 0输入[i].选中=真;} } else { for(var I=0;输入长度;I){ 0输入[i].选中=假;} } }/脚本正常完成,看看效果

版权声明:CheckBox为复选框列表实现全选或全取消选择(js代码实现)是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。