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


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 相关文章推荐
在IE模态窗口中自由查看HTML源码的方法
Mar 08 Javascript
最佳JS代码编写的14条技巧
Jan 09 Javascript
Knockout text绑定DOM的使用方法
Nov 15 Javascript
JavaScript字符串对象fromCharCode方法入门实例(用于把Unicode值转换为字符串)
Oct 17 Javascript
js读取csv文件并使用json显示出来
Jan 09 Javascript
JS实现仿PS的调色板效果完整实例
Dec 21 Javascript
JS实现一个简单的日历
Feb 22 Javascript
详解从Node.js的child_process模块来学习父子进程之间的通信
Mar 27 Javascript
浅谈JS如何实现真正的对象常量
Jun 25 Javascript
纯js实现图片匀速淡入淡出效果
Aug 22 Javascript
详解vue服务端渲染浏览器端缓存(keep-alive)
Oct 12 Javascript
微信js-sdk 录音功能的示例代码
Nov 01 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
列举PHP的Yii 2框架的开发优势
2015/07/03 PHP
thinkphp集成前端脚手架Vue-cli的教程图解
2018/08/30 PHP
php设计模式之适配器模式原理、用法及注意事项详解
2019/09/24 PHP
对laravel的session获取与存取方法详解
2019/10/08 PHP
Laravel 微信小程序后端搭建步骤详解
2019/11/26 PHP
jquery的live使用注意事项
2014/02/18 Javascript
jquery滚动加载数据的方法
2015/03/09 Javascript
JS实现的自定义右键菜单实例二则
2015/09/01 Javascript
jQuery中 bind的用法简单介绍
2017/02/13 Javascript
ES6中Proxy代理用法实例浅析
2017/04/06 Javascript
Vue中mintui的field实现blur和focus事件的方法
2018/08/25 Javascript
解决layui 表单元素radio不显示渲染的问题
2019/09/04 Javascript
js实现点击生成随机div
2020/01/16 Javascript
JS使用setInterval计时器实现挑战10秒
2020/11/08 Javascript
[03:06]2018年度CS GO最具人气解说-完美盛典
2018/12/16 DOTA
[01:06:59]完美世界DOTA2联赛PWL S2 Magma vs FTD 第一场 11.29
2020/12/02 DOTA
浅析python 内置字符串处理函数的使用方法
2014/06/11 Python
Python入门及进阶笔记 Python 内置函数小结
2014/08/09 Python
从Python的源码来解析Python下的freeblock
2015/05/11 Python
Tensorflow简单验证码识别应用
2017/05/25 Python
Python学习思维导图(必看篇)
2017/06/26 Python
python获取中文字符串长度的方法
2018/11/14 Python
Python3实现计算两个数组的交集算法示例
2019/04/03 Python
django 控制页面跳转的例子
2019/08/06 Python
基于Python实现船舶的MMSI的获取(推荐)
2019/10/21 Python
python 代码实现k-means聚类分析的思路(不使用现成聚类库)
2020/06/01 Python
用pushplus+python监控亚马逊到货动态推送微信
2021/01/29 Python
CSS+jQuery+PHP+MySQL实现的在线答题功能
2015/04/25 HTML / CSS
施惠特软件测试面试题以及笔试题
2015/05/13 面试题
创业计划书中包含的9个方面
2013/12/26 职场文书
毕业生求职信的经典写法
2014/01/31 职场文书
航海技术专业毕业生求职信
2014/04/06 职场文书
2014迎接教师节演讲稿
2014/09/10 职场文书
2014年扶贫工作总结
2014/11/18 职场文书
告别网页搜索!教你用python实现一款属于自己的翻译词典软件
2021/06/03 Python
Django中celery的使用项目实例
2022/07/07 Python