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 相关文章推荐
深入探寻javascript定时器
Jan 02 Javascript
JQuery实现简单的图片滑动切换特效
Nov 22 Javascript
js实现数组冒泡排序、快速排序原理
Mar 08 Javascript
基于 Node.js 实现前后端分离
Apr 23 Javascript
Javascript基础_简单比较undefined和null 值
Jun 14 Javascript
Angular路由简单学习
Dec 26 Javascript
JS调用Android、Ios原生控件
Jan 06 Javascript
利用js给datalist或select动态添加option选项的方法
Jan 25 Javascript
echarts鼠标覆盖高亮显示节点及关系名称详解
Mar 17 Javascript
p5.js实现斐波那契螺旋的示例代码
Mar 22 Javascript
Vue中util的工具函数实例详解
Jul 08 Javascript
Vue中函数防抖节流的理解及应用实现
Apr 24 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
晶体管来复再生式二管收音机
2021/03/02 无线电
phpmyadmin显示utf8_general_ci中文乱码的问题终级篇
2013/04/08 PHP
php无限极分类实现的两种解决方法
2013/04/28 PHP
php过滤html中的其他网站链接的方法(域名白名单功能)
2014/04/24 PHP
php动态添加url查询参数的方法
2015/04/14 PHP
PHP使用preg_split和explode分割textarea存放内容的方法分析
2017/07/03 PHP
(仅IE下有效)关于checkbox 三态
2007/05/12 Javascript
javascript 面向对象,实现namespace,class,继承,重载
2009/10/29 Javascript
ToolTips JQEURY插件之简洁小提示框效果
2011/11/19 Javascript
NodeJS 模块开发及发布详解分享
2012/03/07 NodeJs
Js 导出table内容到Excel的简单实例
2013/11/19 Javascript
Javascript访问器属性实例分析
2014/12/30 Javascript
JS实现的另类手风琴效果网页内容切换代码
2015/09/08 Javascript
jquery获取select选中值的方法分析
2015/12/22 Javascript
JavaScript实现字符串与日期的互相转换及日期的格式化
2016/03/07 Javascript
jQuery.ajax 跨域请求webapi设置headers的解决方案
2016/08/08 Javascript
JS获取及验证开始结束日期的方法
2016/08/20 Javascript
BootStrap Validator对于隐藏域验证和程序赋值即时验证的问题浅析
2016/12/01 Javascript
JS动态添加的div点击跳转到另一页面实现代码
2017/09/30 Javascript
vue2+el-menu实现路由跳转及当前项的设置方法实例
2017/11/07 Javascript
vue实现商品加减计算总价的实例代码
2018/08/12 Javascript
JS中DOM元素的attribute与property属性示例详解
2018/09/04 Javascript
详解Vue+ElementUI从零开始搭建自己的网站(一、环境搭建)
2019/04/30 Javascript
VUE接入腾讯验证码功能(滑块验证)备忘
2019/05/07 Javascript
基于elementUI使用v-model实现经纬度输入的vue组件
2019/05/12 Javascript
仅用50行Python代码实现一个简单的代理服务器
2015/04/08 Python
Python根据区号生成手机号码的方法
2015/07/08 Python
Python采用Django制作简易的知乎日报API
2016/08/03 Python
简单了解Python多态与属性运行原理
2020/06/15 Python
python脚本和网页有何区别
2020/07/02 Python
详解selenium + chromedriver 被反爬的解决方法
2020/10/28 Python
美国嘻哈首饰购物网站:Hip Hop Bling
2016/12/30 全球购物
Lookfantastic挪威官网:英国知名美妆购物网站
2017/07/26 全球购物
波兰运动鞋网上商店:Distance.pl
2020/07/30 全球购物
正确使用MySQL INSERT INTO语句
2021/05/26 MySQL
python神经网络 tf.name_scope 和 tf.variable_scope 的区别
2022/05/04 Python