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 相关文章推荐
alixixi runcode.asp的代码不错的应用
Aug 08 Javascript
别了 JavaScript中的isXX系列
Aug 01 Javascript
Raphael带文本标签可拖动的图形实现代码
Feb 20 Javascript
js获得网页背景色和字体色的方法
Mar 21 Javascript
鼠标左键单击冲突的问题解决方法(防止冒泡)
May 14 Javascript
基于jQuery实现select下拉选择可输入附源码下载
Feb 03 Javascript
js鼠标单击和双击事件冲突问题的快速解决方法
Jul 11 Javascript
深入理解React中何时使用箭头函数
Aug 23 Javascript
使用Fullpage插件快速开发整屏翻页的页面
Sep 13 Javascript
Angular父组件调用子组件的方法
Apr 02 Javascript
React styled-components设置组件属性的方法
Aug 07 Javascript
通过js给网页加上水印背景实例
Jun 17 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数组是否为索引数组的实现方法
2013/06/13 PHP
实例讲解php实现多线程
2019/01/27 PHP
解决windows上php xdebug 无法调试的问题
2020/02/19 PHP
JQuery 应用 JQuery.groupTable.js
2010/12/15 Javascript
将中国标准时间转换成标准格式的代码
2014/03/20 Javascript
javascript中的取反再取反~~没有意义
2014/04/06 Javascript
Javascript正则控制文本框只能输入整数或浮点数
2014/09/02 Javascript
javascript实现动态模态绑定grid过程代码
2014/09/22 Javascript
jQuery事件绑定与解除绑定实现方法
2015/04/15 Javascript
Bootstrap响应式表格详解
2017/05/23 Javascript
validationEngine 表单验证插件使用实例代码
2017/06/15 Javascript
javascript  删除select中的所有option的实例
2017/09/17 Javascript
解析Angular 2+ 样式绑定方式
2018/01/15 Javascript
redux.js详解及基本使用
2019/05/24 Javascript
微信小程序用户授权、位置授权及获取微信绑定手机号
2019/07/18 Javascript
微信小程序canvas绘制圆角base64图片的实现
2019/08/18 Javascript
javascript中的with语句学习笔记及用法
2020/02/17 Javascript
vue基于better-scroll仿京东分类列表
2020/06/30 Javascript
JS call()及apply()方法使用实例汇总
2020/07/11 Javascript
用javascript实现倒计时效果
2021/02/09 Javascript
Python中修改字符串的四种方法
2018/11/02 Python
Python从文件中读取数据的方法讲解
2019/02/14 Python
python使用Plotly绘图工具绘制气泡图
2019/04/01 Python
通过PYTHON来实现图像分割详解
2019/06/26 Python
pandas基于时间序列的固定时间间隔求均值的方法
2019/07/04 Python
python tkinter图形界面代码统计工具(更新)
2019/09/18 Python
Python数据分析pandas模块用法实例详解
2019/11/20 Python
pycharm sciview的图片另存为操作
2020/06/01 Python
德国在线香料制造商:Gewürzland
2020/03/10 全球购物
一套VC试题
2015/01/23 面试题
利用异或运算实现两个无符号数的加法运算
2013/12/20 面试题
食品营养与检测应届生求职信
2013/11/08 职场文书
群众路线四风问题整改措施
2014/09/27 职场文书
工商管理专业毕业生自我鉴定2014
2014/10/04 职场文书
见习报告的格式
2014/10/31 职场文书
《比尾巴》教学反思
2016/02/24 职场文书