实现复选框全选/全不选切换


Posted in Javascript onDecember 23, 2006

<input type=checkbox name=mm value=a onclick="checkItem(this, 'mmAll')"><br>
<input type=checkbox name=mm value=b onclick="checkItem(this, 'mmAll')"><br>
<input type=checkbox name=mm value=c onclick="checkItem(this, 'mmAll')"><br>
<input type=checkbox name=mm value=d onclick="checkItem(this, 'mmAll')"><br>
<input type=checkbox name=mm value=e onclick="checkItem(this, 'mmAll')"><br><br>
<input type=checkbox name=mmAll onclick="checkAll(this, 'mm')">全选与不全选的切换

<script language=javascript>
function checkAll(e, itemName)
{
  var aa = document.getElementsByName(itemName);
  for (var i=0; i<aa.length; i++)
   aa[i].checked = e.checked;
}
function checkItem(e, allName)
{
  var all = document.getElementsByName(allName)[0];
  if(!e.checked) all.checked = false;
  else
  {
    var aa = document.getElementsByName(e.name);
    for (var i=0; i<aa.length; i++)
     if(!aa[i].checked) return;
    all.checked = true;
  }
}
</script>

    ps:(当然若那个全选框是其它的控件比如是一个按钮,或者一个链接什么的话,那复选框里的 checkItem 点击事件可以去掉,以免出错)

Javascript 相关文章推荐
图片在浏览器中底部对齐 解决方法之一
Nov 30 Javascript
JS 两个字符串时间的天数差计算
Aug 25 Javascript
JavaScript控制两个列表框listbox左右交换数据的方法
Mar 18 Javascript
JavaScript模拟实现继承的方法
Mar 30 Javascript
jquery+ajax实现省市区三级联动 (封装和不封装两种方式)
May 15 jQuery
详解JavaScript数组过滤相同元素的5种方法
May 23 Javascript
vue-router路由参数刷新消失的问题解决方法
Jun 17 Javascript
基于对象合并功能的实现示例
Oct 10 Javascript
详解可以用在VS Code中的正则表达式小技巧
May 14 Javascript
vue 指令和过滤器的基本使用(品牌管理案例)
Nov 04 Javascript
vue路由的配置和页面切换详解
Sep 09 Javascript
vuex的数据渲染与修改浅析
Nov 26 Vue.js
Javascript实例教程(19) 使用HoTMetal(7)
Dec 23 #Javascript
Javascript实例教程(19) 使用HoTMetal(6)
Dec 23 #Javascript
Javascript实例教程(19) 使用HoTMetal(5)
Dec 23 #Javascript
Javascript实例教程(19) 使用HoTMetal(4)
Dec 23 #Javascript
Javascript实例教程(19) 使用HoTMetal(3)
Dec 23 #Javascript
Javascript实例教程(19) 使用HoTMetal(2)
Dec 23 #Javascript
Javascript实例教程(19) 使用HoTMetal(1)
Dec 23 #Javascript
You might like
php array_pop()数组函数将数组最后一个单元弹出(出栈)
2011/07/12 PHP
destoon实现资讯信息前面调用它所属分类的方法
2014/07/15 PHP
PHP微信刮刮卡 附微信接口
2016/07/22 PHP
使用jquery mobile做幻灯播放效果实现步骤
2013/01/04 Javascript
一行代码实现纯数据json对象的深度克隆实现思路
2013/01/09 Javascript
Flexigrid在IE下不显示数据的处理的解决方法
2013/10/24 Javascript
BOOTSTRAP时间控件显示在模态框下面的bug修复
2015/02/05 Javascript
JS上传组件FileUpload自定义模板的使用方法
2016/05/10 Javascript
ionic隐藏tabs的方法
2016/08/29 Javascript
原生js轮播(仿慕课网)
2017/02/15 Javascript
ES6正则的扩展实例详解
2017/04/25 Javascript
使用jQuery,Angular实现登录界面验证码详解
2017/04/27 jQuery
妙用缓存调用链实现JS方法的重载
2018/04/30 Javascript
Node错误处理笔记之挖坑系列教程
2018/06/05 Javascript
angular2 NgModel模块的具体使用方法
2019/04/10 Javascript
nodejs实现日志读取、日志查找及日志刷新的方法分析
2019/05/20 NodeJs
JavaScript进阶(四)原型与原型链用法实例分析
2020/05/09 Javascript
JavaScript Blob对象原理及用法详解
2020/10/14 Javascript
python33 urllib2使用方法细节讲解
2013/12/03 Python
Python深入学习之对象的属性
2014/08/31 Python
python实现可视化动态CPU性能监控
2018/06/21 Python
在python中利用opencv简单做图片比对的方法
2019/01/24 Python
浅谈keras中的Merge层(实现层的相加、相减、相乘实例)
2020/05/23 Python
Python实现壁纸下载与轮换
2020/10/19 Python
python 发送邮件的示例代码(Python2/3都可以直接使用)
2020/12/03 Python
英国标志性奢侈品牌:Burberry
2016/07/28 全球购物
MUGLER官方网站:蒂埃里·穆勒香水
2019/11/26 全球购物
如何用SQL语句进行模糊查找
2015/09/25 面试题
外贸英语毕业生自荐信
2013/11/14 职场文书
职业技术学校毕业生推荐信
2013/12/03 职场文书
优秀乡村医生事迹材料
2014/05/28 职场文书
医院反腐倡廉演讲稿
2014/09/16 职场文书
终止劳动合同协议书
2014/10/05 职场文书
反腐倡廉心得体会2016
2016/01/13 职场文书
反邪教教育心得体会
2016/01/15 职场文书
Python+uiautomator2实现自动刷抖音视频功能
2021/04/29 Python