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


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 混合的构造函数和原型方式,动态原型方式
Dec 07 Javascript
js调用activeX获取u盘序列号的代码
Nov 21 Javascript
如何制作浮动广告 JavaScript制作浮动广告代码
Dec 30 Javascript
jquery代码实现简单的随机图片瀑布流效果
Apr 20 Javascript
什么是JavaScript注入攻击?
Sep 14 Javascript
JavaScript中的ajax功能的概念和示例详解
Oct 17 Javascript
angularJS 发起$http.post和$http.get请求的实现方法
May 18 Javascript
详解Angular4 路由设置相关
Aug 26 Javascript
JavaScript分步实现一个出生日期的正则表达式
Mar 22 Javascript
微信小程序实现的动态设置导航栏标题功能示例
Jan 31 Javascript
js常用方法、检查是否有特殊字符串、倒序截取字符串操作完整示例
Jan 26 Javascript
用vue设计一个日历表
Dec 03 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的图形函数中显示汉字
2006/10/09 PHP
动态网站web开发 PHP、ASP还是ASP.NET
2006/10/09 PHP
PHP is_dir() 判断给定文件名是否是一个目录
2010/05/10 PHP
PHP+Mysql+jQuery实现发布微博程序 php篇
2015/10/15 PHP
php计算年龄精准到年月日
2015/11/17 PHP
[原创]PHPCMS遭遇会员投稿审核无效的解决方法
2017/01/11 PHP
JavaScript进阶教程(第四课第一部分)
2007/04/05 Javascript
javascript之学会吝啬 精简代码
2010/04/25 Javascript
js 全兼容可高亮二级缓冲折叠菜单
2010/06/04 Javascript
js操纵跨frame的三级联动select下拉选项实例介绍
2013/05/19 Javascript
JavaScript中伪协议 javascript:使用探讨
2014/07/18 Javascript
Jquery选择器中使用变量实现动态选择例子
2014/07/25 Javascript
JavaScript判断textarea值是否为空并给出相应提示
2014/09/04 Javascript
javascript中alert()与console.log()的区别
2015/08/26 Javascript
输入框点击时边框变色效果的实现方法
2016/12/26 Javascript
JavaScript中的工厂函数(推荐)
2017/03/08 Javascript
Nodejs读取文件时相对路径的正确写法(使用fs模块)
2017/04/27 NodeJs
Vue项目全局配置页面缓存之按需读取缓存的实现详解
2018/08/01 Javascript
使用jQuery给Table动态增加行、清空table的方法
2018/09/05 jQuery
使用Javascript简单计算器
2018/11/17 Javascript
VUE项目初建和常见问题总结
2019/09/12 Javascript
JS精确判断数据类型代码实例
2019/12/18 Javascript
Python bsddb模块操作Berkeley DB数据库介绍
2015/04/08 Python
Python如何实现MySQL实例初始化详解
2017/11/06 Python
CSS3教程(5):网页背景图片
2009/04/02 HTML / CSS
详解HTML5新增标签
2017/11/27 HTML / CSS
澳大利亚第一旅行车和房车配件店:Caravan RV Camping
2020/12/26 全球购物
信访工作者先进事迹
2014/01/17 职场文书
给老婆的保证书范文
2014/04/28 职场文书
民事诉讼代理委托书
2014/10/08 职场文书
餐饮食品安全责任书
2015/01/29 职场文书
评奖评优个人先进事迹材料
2015/11/04 职场文书
强烈推荐:小学生:暑假作息时间表(值得收藏)
2019/07/09 职场文书
实习报告范文
2019/07/30 职场文书
springboot如何初始化执行sql语句
2021/06/22 Java/Android
TaiShan 200服务器安装Ubuntu 18.04的图文教程
2022/06/28 Servers