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


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 相关文章推荐
用JavaScript获取网页中的js、css、Flash等文件
Dec 20 Javascript
jQuery窗口、文档、网页各种高度的精确理解
Jul 02 Javascript
js实现Select下拉框具有输入功能的方法
Feb 06 Javascript
js实现绿白相间竖向网页百叶窗动画切换效果
Mar 02 Javascript
jquery实现全屏滚动
Dec 28 Javascript
浅谈js中字符和数组一些基本算法题
Aug 15 Javascript
Node.js获取前端ajax提交的request信息
Feb 20 Javascript
JS轮播图实现简单代码
Feb 19 Javascript
vue获取DOM元素并设置属性的两种实现方法
Sep 30 Javascript
浅谈Vue路由快照实现思路及其问题
Jun 07 Javascript
在Vue中使用axios请求拦截的实现方法
Oct 25 Javascript
解决antd的Form组件setFieldsValue的警告问题
Oct 29 Javascript
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
解析dedeCMS验证码的实现代码
2013/06/07 PHP
Laravel中基于Artisan View扩展包创建及删除应用视图文件的方法
2016/10/08 PHP
遍历echsop的region表形成缓存的程序实例代码
2016/11/01 PHP
javascript 可以拖动的DIV(二)
2009/06/26 Javascript
查看图片(前进后退)功能实现js代码
2013/04/24 Javascript
jquery将一个表单序列化为一个对象的方法
2013/12/02 Javascript
js实现的map方法示例代码
2014/01/13 Javascript
Vue iview-admin框架二级菜单改为三级菜单的方法
2018/07/03 Javascript
教你如何用node连接redis的示例代码
2018/07/12 Javascript
基于vue通用表单解决方案的思考与分析
2019/03/16 Javascript
JavaScript 中判断变量是否为数字的示例代码
2020/10/22 Javascript
[03:40]DOTA2亚洲邀请赛小组赛第二日 赛事回顾
2015/01/31 DOTA
Python批量修改文件后缀的方法
2014/01/26 Python
python使用marshal模块序列化实例
2014/09/25 Python
Python标准库之循环器(itertools)介绍
2014/11/25 Python
Python3.6笔记之将程序运行结果输出到文件的方法
2018/04/22 Python
基于python神经卷积网络的人脸识别
2018/05/24 Python
Python实现的微信好友数据分析功能示例
2018/06/21 Python
分享vim python缩进等一些配置
2018/07/02 Python
flask-socketio实现WebSocket的方法
2018/07/31 Python
使用python3实现操作串口详解
2019/01/01 Python
Opencv实现抠图背景图替换功能
2019/05/21 Python
python字符串格式化方式解析
2019/10/19 Python
python3读取autocad图形文件.py实例
2020/06/05 Python
使用phonegap进行本地存储的实现方法
2017/03/31 HTML / CSS
基于HTML5 WebGL的3D机房的示例
2018/03/16 HTML / CSS
HTML中meta标签及Keywords
2020/04/15 HTML / CSS
Omio法国:全欧洲低价大巴、火车和航班搜索和比价
2017/11/13 全球购物
什么是java序列化,如何实现java序列化
2012/11/14 面试题
初中生三年学习生活的自我评价
2013/11/03 职场文书
文明风采获奖感言
2014/02/18 职场文书
国贸专业求职信
2014/06/28 职场文书
小学清明节活动总结
2014/07/04 职场文书
2014年保卫工作总结
2014/12/05 职场文书
农民工工资支付承诺书
2015/05/04 职场文书
python工具dtreeviz决策树可视化和模型可解释性
2022/03/03 Python