js控制checkbox
来源:互联网 发布:行车路线图制作软件 编辑:程序博客网 时间:2024/05/14 05:37
- // 说明:Javascript 控制 CheckBox 的全选与取消全选
- // 整理:http://www.CodeBit.cn
- function checkAll(name)
- {
- var el = document.getElementsByTagName('input');
- var len = el.length;
- for(var i=0; i<len; i++)
- {
- if((el[i].type=="checkbox") && (el[i].name==name))
- {
- el[i].checked = true;
- }
- }
- }
- function clearAll(name)
- {
- var el = document.getElementsByTagName('input');
- var len = el.length;
- for(var i=0; i<len; i++)
- {
- if((el[i].type=="checkbox") && (el[i].name==name))
- {
- el[i].checked = false;
- }
- }
- }
- //-->
用法示例:
HTML:
<input type="checkbox" name="test" value="" onclick="if(this.checked==true) { checkAll('test'); } else { clearAll('test'); }" /> 字母全选开关 <input type="checkbox" name="test" value="a" /> a <input type="checkbox" name="test" value="b" /> b <input type="checkbox" name="test" value="c" /> c <input type="checkbox" name="test" value="d" /> d <input type="checkbox" name="test" value="e" /> e <input type="checkbox" name="test" value="f" /> f <input type="checkbox" name="test" value="g" /> g <br /> <input type="checkbox" name="num" value="" onclick="if(this.checked==true) { checkAll('num'); } else { clearAll('num'); }" /> 数字全选开关 <input type="checkbox" name="num" value="1" /> 1 <input type="checkbox" name="num" value="2" /> 2 <input type="checkbox" name="num" value="3" /> 3 <br /><br /> <input type="button" value="选择所有的字母" onclick="checkAll('test')" /> <input type="button" value="清空选中的字母" onclick="clearAll('test')" /> <br /><br /> <input type="button" value="选择所有的数字" onclick="checkAll('num')" /> <input type="button" value="清空选中的数字" onclick="clearAll('num')" />
- JS控制checkbox
- js控制checkbox
- 控制Checkbox全选的JS
- js控制checkbox选中两个
- js 中checkbox 控制全选
- js控制input checkbox 全选
- js 控制 checkbox不选中
- js控制checkbox单选
- php控制checkbox JS焦点控制
- js控制gridview 中的checkbox 全选
- js控制Gridview中的checkbox全选(转)
- js控制Gridview中的checkbox全选
- js控制checkbox的全选/全不选
- 前台JS控制。net后台checkbox
- js控制checkbox全选/取消全选
- js控制复选框checkbox参考代码
- js取值、控制radio、checkbox
- 用js控制.net的checkbox控件的颜色
- JAVA 用ArrayList对对象中某属性排序
- C++ string详解
- 拨乱反正
- 小区能否安装太阳能热水器 谁主沉浮
- 通过游标遍历数据库中的用户表,找出所有含有NULL值字段的表名和字段名
- js控制checkbox
- Windows Mobile 6 SDK及中文版模拟器直接下载网址(官网)WM6 SDK下载网址:
- The JTAG/SMC Hack On Xbox360
- 只要你愿意
- 华为的笔试题
- QT中实现应用程序的单例化
- Mysql中count(*),DISTINCT的使用方法和效率研究
- Jini技术介绍
- td和th区别