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


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 CSS 修改学习第四章 透明度设置
Feb 19 Javascript
Prototype源码浅析 String部分(二)
Jan 16 Javascript
javascript中直接写php代码的方法
Jul 31 Javascript
JS中怎样判断undefined(比较不错的方法)
Mar 27 Javascript
javascript插件开发的一些感想和心得
Feb 28 Javascript
基于JavaScript实现点击页面任何位置返回
Aug 31 Javascript
简单的js计算器实现
Oct 26 Javascript
vue.js层叠轮播效果的实例代码
Nov 08 Javascript
微信小程序实现复选框效果
Dec 28 Javascript
Element实现表格嵌套、多个表格共用一个表头的方法
May 09 Javascript
vue实现循环滚动列表
Jun 30 Javascript
vue实现列表拖拽排序的示例代码
Apr 08 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
收音机发烧友应当熟知的100条知识
2021/03/02 无线电
php addslashes和mysql_real_escape_string
2010/01/24 PHP
php单例模式实现(对象只被创建一次)
2012/12/05 PHP
PHP中使用SimpleXML检查XML文件结构实例
2015/01/07 PHP
PHP中多线程的两个实现方法
2016/10/14 PHP
Mac系统下安装PHP Xdebug
2018/03/30 PHP
基于Laravel 5.2 regex验证的正确写法
2019/09/29 PHP
几行代码轻松搞定jquery实现flash8类似的连接效果
2007/05/03 Javascript
javascript GUID生成器实现代码
2009/10/31 Javascript
JS 非图片动态loading效果实现代码
2010/04/09 Javascript
自己动手写的jquery分页控件(非常简单实用)
2015/10/28 Javascript
总结jQuery插件开发中的一些要点
2016/05/16 Javascript
hovertree插件实现二级树形菜单(简单实用)
2016/12/28 Javascript
JavaScript无操作后屏保功能的实现方法
2017/07/04 Javascript
js中less常用的方法小结
2017/08/09 Javascript
强大的JavaScript响应式图表Chartist.js的使用
2017/09/13 Javascript
使用 Vue 绑定单个或多个 Class 名的实例代码
2018/01/08 Javascript
js中getBoundingClientRect的作用及兼容方案详解
2018/02/01 Javascript
详解为生产环境编译Angular2应用的方法
2018/12/10 Javascript
vue实现五子棋游戏
2020/05/28 Javascript
[04:11]DOTA2亚洲邀请赛小组赛第一日 TOP10精彩集锦
2015/01/30 DOTA
[33:19]完美世界DOTA2联赛PWL S2 PXG vs InkIce 第一场 11.26
2020/11/30 DOTA
python函数参数*args**kwargs用法实例
2013/12/04 Python
Python检测网站链接是否已存在
2016/04/07 Python
Python实现将一个大文件按段落分隔为多个小文件的简单操作方法
2017/04/17 Python
Python3.5 处理文本txt,删除不需要的行方法
2018/12/10 Python
Python3实现获取图片文字里中文的方法分析
2018/12/13 Python
深度学习入门之Pytorch 数据增强的实现
2020/02/26 Python
ffmpeg+Python实现B站MP4格式音频与视频的合并示例代码
2020/10/21 Python
Coggles美国/加拿大:高级国际时装零售商
2018/10/23 全球购物
外贸业务员工作职责
2014/01/06 职场文书
应届优秀本科大学毕业生自我鉴定
2014/01/21 职场文书
工商治理实习生的自我评价分享
2014/02/20 职场文书
英文感谢信范文
2015/01/21 职场文书
python使用XPath解析数据爬取起点小说网数据
2021/04/22 Python
Android RecyclerView实现九宫格效果
2022/06/28 Java/Android