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 相关文章推荐
让textarea控件的滚动条怎是位与最下方
Apr 20 Javascript
html文件中jquery与velocity变量中的$冲突的解决方法
Nov 01 Javascript
Jquery方式获取iframe页面中的 Dom元素
May 07 Javascript
一个jquery实现的不错的多行文字图片滚动效果
Sep 28 Javascript
基于jQuery实现最基本的淡入淡出效果实例
Feb 02 Javascript
三种AngularJS中获取数据源的方式
Feb 02 Javascript
JS面试题---关于算法台阶的问题
Jul 26 Javascript
简单实现JavaScript图片切换效果
Nov 28 Javascript
SVG动画vivus.js库使用小结(实例代码)
Sep 14 Javascript
Auto.js自动收取自己和好友蚂蚁森林能量脚本
Jun 28 Javascript
微信小程序 腾讯地图显示偏差问题解决
Jul 27 Javascript
vue 根据选择条件显示指定参数的例子
Nov 09 Javascript
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分割合并两个字符串的函数实例
2015/06/19 PHP
PHP模板引擎Smarty内置变量调解器用法详解
2016/04/11 PHP
PHP实现字母数字混合验证码功能
2019/07/11 PHP
WordPress 插件——CoolCode使用方法与下载
2007/07/02 Javascript
js 操作css实现代码
2009/06/11 Javascript
Javascript 读书笔记索引贴
2010/01/11 Javascript
js对象关系图 方便dom操作
2012/03/18 Javascript
图片延迟加载的实现代码(模仿懒惰)
2013/03/29 Javascript
js确认删除对话框效果的示例代码
2014/02/20 Javascript
JavaScript window.location对象
2014/11/14 Javascript
Javascript 拖拽的一些高级的应用(逐行分析代码,让你轻松了拖拽的原理)
2015/01/23 Javascript
纯javascript代码实现计算器功能(三种方法)
2015/09/07 Javascript
利用jQuery实现漂亮的圆形进度条倒计时插件
2015/09/30 Javascript
vue封装第三方插件并发布到npm的方法
2017/09/25 Javascript
Bootstrap 3多级下拉菜单实例
2017/11/23 Javascript
Vue中的无限加载vue-infinite-loading的方法
2018/04/08 Javascript
[01:19:46]EG vs Secret 2019国际邀请赛淘汰赛 胜者组 BO3 第二场 8.21.mp4
2020/07/19 DOTA
[07:37]DOTA2-DPC中国联赛2月2日Recap集锦
2021/03/11 DOTA
Python 代码性能优化技巧分享
2012/08/07 Python
python爬取w3shcool的JQuery课程并且保存到本地
2017/04/06 Python
python实现给微信公众号发送消息的方法
2017/06/30 Python
Python3 log10()函数简单用法
2019/02/19 Python
通过cmd进入python的步骤
2020/06/16 Python
13个Pandas实用技巧,助你提高开发效率
2020/08/19 Python
韩国休闲女装品牌网站:ANAIS
2016/08/24 全球购物
施华洛世奇加拿大官网:SWAROVSKI加拿大
2018/06/03 全球购物
EJB timer的种类
2014/10/28 面试题
python re模块和正则表达式
2021/03/24 Python
销售主管的自我评价分享
2014/01/03 职场文书
2014党员学习《反腐倡廉警示教育读本》思想汇报
2014/09/13 职场文书
化妆品促销活动总结
2015/05/07 职场文书
2015年高校教师个人工作总结
2015/05/25 职场文书
安全生产协议书
2016/03/22 职场文书
Python自然语言处理之切分算法详解
2021/04/25 Python
利用Java设置Word文本框中的文字旋转方向的实现方法
2021/06/28 Java/Android
Redis分布式锁的7种实现
2022/04/01 Redis