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


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处理VBArray的函数使用说明
May 11 Javascript
新鲜出炉的js tips提示效果
Apr 03 Javascript
再次分享18个非常棒的jQuery表格插件
Apr 10 Javascript
Jquery 获取checkbox的checked问题
Nov 16 Javascript
什么是cookie?js手动创建和存储cookie
May 27 Javascript
js中回调函数的学习笔记
Jul 31 Javascript
JQuery遍历元素的后代和同胞实现方法
Sep 18 Javascript
vue 内置过滤器的使用总结(附加自定义过滤器)
Dec 11 Javascript
微信小程序五子棋游戏的棋盘,重置,对弈实现方法【附demo源码下载】
Feb 20 Javascript
jquery 回调操作实例分析【回调成功与回调失败的情况】
Sep 27 jQuery
微信小程序实现滚动加载更多的代码
Dec 06 Javascript
基于Vue3.0开发轻量级手机端弹框组件V3Popup的场景分析
Dec 30 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 和 MySQL 时区的一点总结
2008/03/26 PHP
phpize的深入理解
2013/06/03 PHP
js代码实现微博导航栏
2015/07/30 PHP
PHP 图片合成、仿微信群头像的方法示例
2019/10/25 PHP
PHP pthreads v3下同步处理synchronized用法示例
2020/02/21 PHP
php命令行模式代码实例详解
2021/02/26 PHP
js读取本地excel文档数据的代码
2010/11/11 Javascript
js调用css属性写法
2013/09/21 Javascript
JavaScript函数模式详解
2014/11/07 Javascript
node.js中的path.dirname方法使用说明
2014/12/09 Javascript
JavaScript运行过程中的“预编译阶段”和“执行阶段”
2015/12/16 Javascript
JavaScript跨域调用基于JSON的RESTful API
2016/07/09 Javascript
js捕捉键盘事件和按键键值的方法
2016/10/10 Javascript
layui中layer前端组件实现图片显示功能的方法分析
2017/10/13 Javascript
jQuery实现的简单前端搜索功能示例
2017/10/28 jQuery
关于vue的语法规则检测报错问题的解决
2018/05/21 Javascript
jquery使用FormData实现异步上传文件
2018/10/25 jQuery
js canvas实现写字动画效果
2018/11/30 Javascript
javascript使用substring实现的展开与收缩文字功能示例
2019/06/17 Javascript
python中的reduce内建函数使用方法指南
2014/08/31 Python
使用Python的Django框架实现事务交易管理的教程
2015/04/20 Python
详解Python迭代和迭代器
2016/03/28 Python
python 判断是否为正小数和正整数的实例
2017/07/23 Python
python导入坐标点的具体操作
2019/05/10 Python
python读取图片的方式,以及将图片以三维数组的形式输出方法
2019/07/03 Python
Python Celery多队列配置代码实例
2019/11/22 Python
CSS3中使用RGBA设置透明度的示例
2015/08/04 HTML / CSS
英国的一家创新礼品和小工具零售商:Menkind
2019/08/24 全球购物
大学生冰淇淋店商业计划书
2014/01/14 职场文书
优秀经理事迹材料
2014/02/01 职场文书
大学生考试作弊检讨书1000字
2014/10/14 职场文书
贷款担保书
2015/01/20 职场文书
小程序后台PHP版本部署运行 LNMP+WNMP
2021/04/01 Servers
python自动统计zabbix系统监控覆盖率的示例代码
2021/04/03 Python
如何用python绘制雷达图
2021/04/24 Python
nginx配置之并发频次限制
2022/04/18 Servers