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动画之圆形运动,环绕鼠标运动作小球
Jul 20 Javascript
在IE 浏览器中使用 jquery的fadeIn() 效果 英文字符字体加粗
Jun 02 Javascript
window.open关于浏览器拦截问题分析及解决方法
Feb 05 Javascript
基于jquery的禁用右键、文本选择功能、复制按键的实现代码
Aug 27 Javascript
jQuery表格排序组件-tablesorter使用示例
May 26 Javascript
小议JavaScript中Generator和Iterator的使用
Jul 29 Javascript
js文字横向滚动特效
Nov 11 Javascript
jQuery层级选择器实例代码
Feb 06 Javascript
Bootstrap 过渡效果Transition 模态框(Modal)
Mar 17 Javascript
微信小程序实现九宫格抽奖
Apr 15 Javascript
AngularJs中$cookies简单用法分析
May 30 Javascript
小程序如何支持使用 async/await详解
Sep 12 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原理之变量分离/引用(Variables Separation)
2013/08/09 PHP
php curl请求信息和返回信息设置代码实例
2015/04/27 PHP
PHP钩子与简单分发方式实例分析
2017/09/04 PHP
javascript之更有效率的字符串替换
2008/08/02 Javascript
jquery select(列表)的操作(取值/赋值)
2009/08/06 Javascript
javascript检测浏览器flash版本的实现代码
2011/12/06 Javascript
jQuery实现页面点击后退弹出提示框的方法
2016/08/24 Javascript
利用jquery正则表达式在页面验证url网址输入是否正确
2017/04/04 jQuery
Angular 4依赖注入学习教程之InjectToken的使用(八)
2017/06/04 Javascript
nodejs 简单实现动态html的方法
2018/05/12 NodeJs
Vue前后端不同端口的实现方法
2018/09/19 Javascript
微信小程序实现动态列表项的顺序加载动画
2019/07/25 Javascript
vue 实现基础组件的自动化全局注册
2020/12/25 Vue.js
pycharm 使用心得(四)显示行号
2014/06/05 Python
使用python实现正则匹配检索远端FTP目录下的文件
2015/03/25 Python
独特的python循环语句
2016/11/20 Python
python 数字类型和字符串类型的相互转换实例
2018/07/17 Python
利用arcgis的python读取要素的X,Y方法
2018/12/22 Python
Python 运行.py文件和交互式运行代码的区别详解
2019/07/02 Python
python控制台实现tab补全和清屏的例子
2019/08/20 Python
python实现查找所有程序的安装信息
2020/02/18 Python
python装饰器实现对异常代码出现进行自动监控的实现方法
2020/09/15 Python
用python对excel进行操作(读,写,修改)
2020/12/25 Python
HTML5+CSS3实例 :canvas 模拟实现电子彩票刮刮乐代码
2016/12/30 HTML / CSS
如何开发一款堪比APP的微信小程序(腾讯内部团队分享)
2016/12/22 HTML / CSS
毕业生找工作推荐信
2013/11/21 职场文书
大学考试作弊检讨书
2014/01/30 职场文书
初中校园广播稿
2014/02/02 职场文书
十佳好少年事迹材料
2014/08/21 职场文书
公司合并协议书范本
2014/09/30 职场文书
合伙经营协议书范本(通用版)
2014/12/03 职场文书
2016年安全生产先进个人事迹材料
2016/02/29 职场文书
python正则表达式re.search()的基本使用教程
2021/05/21 Python
图片批量处理 - 尺寸、格式、水印等
2022/03/07 杂记
SQL Server使用CROSS APPLY与OUTER APPLY实现连接查询
2022/05/25 SQL Server