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


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 相关文章推荐
最新优化收藏到网摘代码(digg,diigo)
Feb 07 Javascript
javascript 面向对象 function类
May 13 Javascript
js根据给定的日期计算当月有多少天实现思路及代码
Feb 25 Javascript
js实现选中页面文字将其分享到新浪微博
Nov 05 Javascript
Node.js如何自动审核团队的代码
Jul 20 Javascript
Node.js开发第三方微信公众平台
Jun 05 Javascript
深究AngularJS如何获取input的焦点(自定义指令)
Jun 12 Javascript
利用canvas中toDataURL()将图片转为dataURL(base64)的方法详解
Nov 20 Javascript
在vue使用clipboard.js进行一键复制文本的实现示例
Jan 15 Javascript
Vue渲染过程浅析
Mar 14 Javascript
Js通过AES加密后PHP用Openssl解密的方法
Jul 12 Javascript
vue resource发送请求的几种方式
Sep 30 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 短链接算法收集与分析
2011/12/30 PHP
PHP中strcmp()和strcasecmp()函数字符串比较用法分析
2016/01/07 PHP
PHP 5.6.11中CURL模块问题的解决方法
2016/08/08 PHP
动态载入/删除/更新外部 JavaScript/Css 文件的代码
2010/07/03 Javascript
收集的一些Array及String原型对象的扩展实现代码
2010/12/05 Javascript
js中prototype用法详细介绍
2013/11/14 Javascript
javascript比较两个日期相差天数的方法
2015/07/24 Javascript
JavaScript入门系列之知识点总结
2016/03/24 Javascript
AngularJs解决跨域问题案例详解(简单方法)
2016/05/19 Javascript
Angular的$http与$location
2016/12/26 Javascript
react-router4 嵌套路由的使用方法
2017/07/24 Javascript
ionic 3.0+ 项目搭建运行环境的教程
2017/08/09 Javascript
jQuery实现的回车触发按钮事件功能示例
2018/03/25 jQuery
微信小程序左滑删除实现代码实例
2019/09/16 Javascript
[08:47]DOTA2每周TOP10 精彩击杀集锦vol.6
2014/06/25 DOTA
python使用Tkinter显示网络图片的方法
2015/04/24 Python
详解python 字符串和日期之间转换 StringAndDate
2017/05/04 Python
Python实现嵌套列表及字典并按某一元素去重复功能示例
2017/11/30 Python
Python unittest模块用法实例分析
2018/05/25 Python
详解python分布式进程
2018/10/08 Python
python 监听salt job状态,并任务数据推送到redis中的方法
2019/01/14 Python
基于腾讯云服务器部署微信小程序后台服务(Python+Django)
2019/05/08 Python
pycharm配置当鼠标悬停时快速提示方法参数
2019/07/31 Python
使用python自动追踪你的快递(物流推送邮箱)
2020/03/17 Python
详解Python中list[::-1]的几种用法
2020/11/16 Python
CSS3中Transform动画属性用法详解
2016/07/04 HTML / CSS
财务会计实习报告体会
2013/12/20 职场文书
数学教学随笔感言
2014/02/17 职场文书
质量安全标语
2014/06/07 职场文书
完整版商业计划书
2014/09/15 职场文书
师德师风建设整改措施思想汇报
2014/10/11 职场文书
2014最新预备党员思想汇报范文:中国梦,我的梦
2014/10/25 职场文书
初中英语教师个人工作总结
2015/02/09 职场文书
2015年全民创业工作总结
2015/07/23 职场文书
七年级作文之游记
2019/12/11 职场文书
Vue.js中v-for指令的用法介绍
2022/03/13 Vue.js