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


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 相关文章推荐
jquery中获得$.ajax()事件返回的值并添加事件的方法
Apr 15 Javascript
网站内容禁止复制和粘贴、另存为的js代码
Feb 26 Javascript
JS简单限制textarea内输入字符数量的方法
Oct 14 Javascript
Node.js的特点详解
Feb 03 Javascript
Angular 输入框实现自定义验证功能
Feb 19 Javascript
vue加载自定义的js文件方法
Mar 13 Javascript
vuex与组件联合使用的方法
May 10 Javascript
React中使用async validator进行表单验证的实例代码
Aug 17 Javascript
Node.js连接Sql Server 2008及数据层封装详解
Aug 27 Javascript
Vue中的作用域CSS和CSS模块的区别
Oct 09 Javascript
解决vue项目中页面调用数据 在数据加载完毕之前出现undefined问题
Nov 14 Javascript
在vant中使用时间选择器和popup弹出层的操作
Nov 04 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
纯真IP数据库的应用 IP地址转化成十进制
2009/06/14 PHP
jQuery Mobile + PHP实现文件上传
2014/12/12 PHP
关于php中一些字符串总结
2016/05/05 PHP
jQuery 表单验证扩展(三)
2010/10/20 Javascript
jQuery对象和Javascript对象之间转换的实例代码
2013/03/20 Javascript
简单实用的反馈表单无刷新提交带验证
2013/11/15 Javascript
jquery实现简洁文件上传表单样式
2015/11/02 Javascript
js格式化时间的简单实例
2016/11/27 Javascript
微信小程序之小豆瓣图书实例
2016/11/30 Javascript
ES6学习笔记之正则表达式和字符串正则方法分析
2017/04/25 Javascript
深入理解JavaScript和TypeScript中的class
2018/04/22 Javascript
4 种滚动吸顶实现方式的比较
2019/04/09 Javascript
webpack proxy 使用(代理的使用)
2020/01/10 Javascript
vue项目中播放rtmp视频文件流的方法
2020/09/17 Javascript
[41:20]2014 DOTA2华西杯精英邀请赛 5 24 NewBee VS DK
2014/05/26 DOTA
python中的多线程实例教程
2014/08/27 Python
Python中模块与包有相同名字的处理方法
2017/05/05 Python
python读取txt文件中特定位置字符的方法
2018/12/24 Python
python自动发微信监控报警
2019/09/06 Python
Python的条件锁与事件共享详解
2019/09/12 Python
flask利用flask-wtf验证上传的文件的方法
2020/01/17 Python
python交互模式基础知识点学习
2020/06/18 Python
用React加CSS3实现微信拆红包动画效果
2017/03/13 HTML / CSS
Clarins娇韵诗英国官网:来自法国的天然护肤品牌
2017/04/18 全球购物
美体小铺印度官网:The Body Shop印度
2019/10/17 全球购物
工程造价与管理专业应届生求职信
2013/11/23 职场文书
同学聚会老师邀请函
2014/01/28 职场文书
《乌鸦和狐狸》教学反思
2014/02/08 职场文书
产假请假条
2014/04/10 职场文书
公司户外活动总结
2014/07/04 职场文书
导师对论文的学术评语
2015/01/04 职场文书
2015大学生自我评价范文
2015/03/03 职场文书
学校节水倡议书
2015/04/29 职场文书
死亡诗社观后感
2015/06/05 职场文书
致运动员赞词
2015/07/22 职场文书
2016企业先进集体事迹材料
2016/02/25 职场文书