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


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 相关文章推荐
自己写了一个展开和收起的多更能型的js效果
Mar 05 Javascript
document.write()及其输出内容的样式、位置控制
Aug 12 Javascript
JavaScript获取多个数组的交集简单实例
Nov 11 Javascript
jQuery入门介绍之基础知识
Jan 13 Javascript
javascript 实现文本使用省略号替代(超出固定高度的情况)
Feb 21 Javascript
jquery Ajax实现Select动态添加数据
Jun 08 jQuery
详解react服务端渲染(同构)的方法
Sep 21 Javascript
关于axios如何全局注册浅析
Jan 14 Javascript
BootStrap自定义popover,点击区域隐藏功能的实现
Jan 23 Javascript
Es6 Generator函数详细解析
Feb 24 Javascript
微信小程序的开发范式BeautyWe.js入门详解
Jul 10 Javascript
使用 Angular RouteReuseStrategy 缓存(路由)组件的实例代码
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 xml实例 留言本
2009/03/20 PHP
php实现两个数组相加的方法
2015/02/17 PHP
Centos PHP 扩展Xchche的安装教程
2016/07/09 PHP
DWR Ext 加载数据
2009/03/22 Javascript
JavaScript 学习笔记(十二) dom
2010/01/21 Javascript
Javascript中的变量使用说明
2010/05/18 Javascript
使用CSS和jQuery模拟select并附提交后取得数据的代码
2013/10/18 Javascript
鼠标滑在标题上显示图片的JS代码
2013/11/19 Javascript
JavaScript中的apply和call函数详解
2014/07/20 Javascript
你不需要jQuery(三) 新AJAX方法fetch()
2016/06/14 Javascript
使用微信小程序开发前端【快速入门】
2016/12/05 Javascript
Bootstrap和Java分页实例第一篇
2016/12/23 Javascript
JavaScript优化以及前段开发小技巧
2017/02/02 Javascript
3分钟了解vue数据劫持的原理实现
2019/05/01 Javascript
vue实现绑定事件的方法实例代码详解
2019/06/20 Javascript
[59:08]Ti4 冒泡赛第二天 NEWBEE vs Titan 2
2014/07/15 DOTA
Python实现删除当前目录下除当前脚本以外的文件和文件夹实例
2015/07/27 Python
python实现批量监控网站
2016/09/09 Python
python爬取淘宝商品销量信息
2018/11/16 Python
Python函数基础实例详解【函数嵌套,命名空间,函数对象,闭包函数等】
2019/03/30 Python
Python实现将字符串的首字母变为大写,其余都变为小写的方法
2019/06/11 Python
python要安装在哪个盘
2020/06/15 Python
css3实现波纹特效、H5实现动态波浪效果
2018/01/31 HTML / CSS
纯css3实现效果超级炫的checkbox复选框和radio单选框
2014/09/01 HTML / CSS
香蕉共和国加拿大官网:Banana Republic加拿大
2018/08/06 全球购物
巴西服装和鞋子购物网站:Marisa
2018/10/25 全球购物
美国家用和厨房电器销售网站:Appliances Connection
2020/01/24 全球购物
旅游管理本科生求职信
2013/10/14 职场文书
护理专业推荐信
2013/11/07 职场文书
基层工作经历证明
2014/01/13 职场文书
单位委托书范本
2014/04/04 职场文书
学校评语大全
2014/05/06 职场文书
分家协议书范本
2016/03/22 职场文书
浅谈Redis的keys命令到底有多慢
2021/10/05 Redis
分享node.js实现简单登录注册的具体代码
2022/04/26 NodeJs
win10滚动条自动往上跑怎么办?win10滚动条自动往上跑的解决方法
2022/08/05 数码科技