CheckBox 如何实现全选?


Posted in Javascript onJune 23, 2006

在一个表单中有很多CheckBox,请问如何实现选种一个而让所有的都选中?  
---------------------------------------------------------------  

function  selectAll(checkBoxName){  
           var  elms  =  document.getElementsByName(checkBoxName);  
           if  (elms.length<1)  return;  
           var  allChecked  =  true;  
           for  (var  i=0;i<elms.length;i++)  
                       if  (elms[i].type=="checkbox")  
                                   allChecked  &=  elms[i].checked;  
           for  (var  i=0;i<elms.length;i++)  
                       if  (elms[i].type=="checkbox"){  
                                               elms[i].checked  =  !allChecked;  
                                               if  (elms[i].onclick)  elms[i].onclick();  
                       }  
}  
---------------------------------------------------------------  

<input  type=checkbox  name=m><input  type=checkbox  name=m><input  type=checkbox  name=m><input  type=checkbox  name=m>  
<input  type=checkbox  name=m><input  type=checkbox  name=m><input  type=checkbox  name=m><input  type=checkbox  name=m>    
 全选<input  type=checkbox  value="Check  All"  onclick="mm(this)">    

<script  language=javascript>      
function  mm(o)  
{  
     var  a  =  document.getElementsByName("m");  
     for  (var  i=0;  i<a.length;  i++){  
         a[i].checked  =  o.checked;  
     }  

}  
</script>

<input type=checkbox name=chk>
<input type=checkbox name=chk>
<input type=checkbox name=chk>
<input type=checkbox name=chk>
<input type=checkbox name=chk>
<br>
全选:<input type=checkbox onclick=sel('chk')>
<script language="javascript">
 function sel(a){ 
  o=document.getElementsByName(a) 
  for(i=0;i<o.length;i++) 
  o[i].checked=event.srcElement.checked 
 }
</script> 

Javascript 相关文章推荐
关于文本限制字数的js代码
Apr 02 Javascript
JS获取父节点方法
Aug 20 Javascript
javascript下arguments,caller,callee,call,apply示例及理解
Dec 24 Javascript
javascript读取xml实现javascript分页
Dec 13 Javascript
Javascript6中字符串的四个新用法分享
Sep 11 Javascript
基于javascript的Form表单验证
Dec 29 Javascript
Vue.js常用指令的使用小结
Jun 23 Javascript
Vue模拟数据,实现路由进入商品详情页面的示例
Aug 31 Javascript
vue elementui form表单验证的实现
Nov 11 Javascript
Javascript如何递归遍历本地文件夹
Aug 06 Javascript
JavaScript快速调试的两个技巧
Nov 04 Javascript
使用vue判断当前环境是安卓还是IOS
Apr 12 Vue.js
JavaScript实际应用:innerHTMl和确认提示的使用
Jun 22 #Javascript
javascript 动态添加表格行
Jun 22 #Javascript
document 和 document.all 分别什么时候用
Jun 22 #Javascript
可输入的下拉框
Jun 19 #Javascript
强制设为首页代码
Jun 19 #Javascript
html下载本地
Jun 19 #Javascript
动态加载iframe
Jun 16 #Javascript
You might like
PHP制作图型计数器的例子
2006/10/09 PHP
PHP 开源AJAX框架14种
2009/08/24 PHP
php 字符串中是否包含指定字符串的多种方法
2018/04/12 PHP
JavaScript Array扩展实现代码
2009/10/14 Javascript
js中widow.open()方法使用详解
2013/07/30 Javascript
JSON 数字排序多字段排序介绍
2013/09/18 Javascript
js showModalDialog参数的使用详解
2014/01/07 Javascript
javascript面向对象之共享成员属性与方法及prototype关键字用法
2015/01/13 Javascript
JS实现从网页顶部掉下弹出层效果的方法
2015/08/06 Javascript
浅谈js中同名函数和同名变量的执行问题
2017/02/12 Javascript
JS操作xml对象转换为Json对象示例
2017/03/25 Javascript
详解ES6之用let声明变量以及let loop机制
2017/07/15 Javascript
js数字滑动时钟的简单实现(示例讲解)
2017/08/14 Javascript
Node 自动化部署的方法
2017/10/17 Javascript
jQuery中将json数据显示到页面表格的方法
2018/05/27 jQuery
浅谈Node框架接入ELK实践总结
2019/02/22 Javascript
Swiper.js实现移动端元素左右滑动
2019/09/08 Javascript
vue 实现强制类型转换 数字类型转为字符串
2019/11/07 Javascript
浅谈Vue SSR中的Bundle的具有使用
2019/11/21 Javascript
vue学习笔记之slot插槽用法实例分析
2020/02/29 Javascript
原生js实现自定义难度的扫雷游戏
2021/01/22 Javascript
python中for语句简单遍历数据的方法
2015/05/07 Python
python使用两种发邮件的方式smtp和outlook示例
2017/06/02 Python
Python中使用多进程来实现并行处理的方法小结
2017/08/09 Python
对Python的多进程锁的使用方法详解
2019/02/18 Python
windows10下安装TensorFlow Object Detection API的步骤
2019/06/13 Python
python实现FTP文件传输的方法(服务器端和客户端)
2020/03/20 Python
MUGLER官方网站:蒂埃里·穆勒香水
2019/11/26 全球购物
Weblogic的布署方式
2013/08/23 面试题
岗位廉洁从业承诺书
2014/03/28 职场文书
六年级小学生评语
2014/12/26 职场文书
2015年消费者权益日活动总结
2015/02/09 职场文书
写给孩子的新学期寄语
2015/02/27 职场文书
家庭教育培训学习心得体会
2016/01/14 职场文书
Go语言特点及基本数据类型使用详解
2022/03/21 Golang
Hive日期格式转换方法总结
2022/06/25 数据库