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


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中字符串拼接需注意的问题
Jul 13 Javascript
JavaScript实现QueryString获取GET参数的方法
Jul 02 Javascript
jquery单行文字向上滚动效果示例
Mar 06 Javascript
鼠标移到图片上变大显示而不是放大镜效果
Jun 15 Javascript
基于jquery实现的可编辑下拉框实现代码
Aug 02 Javascript
实例分析javascript中的call()和apply()方法
Nov 28 Javascript
jquery中JSON的解析方式
Mar 16 Javascript
解决jQuery ajax动态新增节点无法触发点击事件的问题
May 24 jQuery
浅谈Node新版本13.2.0正式支持ES Modules特性
Nov 25 Javascript
文章或博客自动生成章节目录索引(支持三级)的实现代码
May 10 Javascript
vuejs element table 表格添加行,修改,单独删除行,批量删除行操作
Jul 18 Javascript
vue使用lodop打印控件实现浏览器兼容打印的方法
Feb 07 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
js程序中美元符号$是什么
2008/06/05 Javascript
10个基于jQuery或JavaScript的WYSIWYG 编辑器整理
2010/05/06 Javascript
jquery 表格排序、实时搜索表格内容(附图)
2014/05/19 Javascript
js、jquery图片动画、动态切换示例代码
2014/06/03 Javascript
js使用DOM操作实现简单留言板的方法
2015/04/10 Javascript
jquery实现图片放大镜功能
2015/11/23 Javascript
javascript url几种编码方式详解
2016/06/06 Javascript
Vue.js中轻松解决v-for执行出错的三个方案
2017/06/09 Javascript
React精髓!一篇全概括小结(急速)
2019/05/23 Javascript
JSX在render函数中的应用详解
2019/09/04 Javascript
Vue之封装公用变量以及实现方式
2020/07/31 Javascript
vue中watch和computed的区别与使用方法
2020/08/23 Javascript
react-intl实现React国际化多语言的方法
2020/09/27 Javascript
antd 表格列宽自适应方法以及错误处理操作
2020/10/27 Javascript
Python基于更相减损术实现求解最大公约数的方法
2018/04/04 Python
ubuntu系统下使用pm2设置nodejs开机自启动的方法
2018/05/12 NodeJs
python中cPickle类使用方法详解
2018/08/27 Python
python实现键盘控制鼠标移动
2020/11/27 Python
python浪漫表白源码
2019/04/05 Python
python学生管理系统的实现
2020/04/05 Python
安装多个版本的TensorFlow的方法步骤
2020/04/21 Python
Python如何解除一个装饰器
2020/08/07 Python
改变 Python 中线程执行顺序的方法
2020/09/24 Python
使用html5+css3来实现slider切换效果告别javascript+css
2013/01/08 HTML / CSS
Roxy美国官网:澳大利亚冲浪、滑雪健身品牌
2016/07/30 全球购物
Kidsroom台湾:来自德国的婴儿用品
2017/12/11 全球购物
苏格兰销售女装、男装和童装的连锁店:M&Co
2018/03/16 全球购物
请写出char *p与"零值"比较的if语句
2014/09/24 面试题
党的群众路线教育实践活动心得体会
2014/03/03 职场文书
追悼会主持词
2014/03/20 职场文书
学生会部长竞聘书
2014/03/31 职场文书
伊琍体标语
2014/06/25 职场文书
2014年教师节演讲稿
2014/09/03 职场文书
整顿机关作风心得体会
2014/09/10 职场文书
关于童年的读书笔记
2015/06/26 职场文书
python实现求纯色彩图像的边框
2021/04/08 Python