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


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 变量命名规则
Sep 23 Javascript
js TextArea的选中区域处理
Dec 28 Javascript
利用javascript解决图片缩放及其优化的代码
May 23 Javascript
jQuery控制的不同方向的滑动(向左、向右滑动等)
Jul 18 Javascript
jquery解决客户端跨域访问问题
Jan 06 Javascript
JavaScript实现常用二级省市级联下拉列表的方法
Mar 25 Javascript
TypeOf这些知识点你了解吗
Feb 21 Javascript
js判断复选框是否选中及选中个数的实现代码
May 30 Javascript
Vue.js实现表格动态增加删除的方法(附源码下载)
Jan 20 Javascript
微信小程序如何像vue一样在动态绑定类名
Apr 17 Javascript
Vue前端项目部署IIS的实现
Jan 06 Javascript
微信小程序动态添加和删除组件的现实
Feb 28 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
最小化数据传输――在客户端存储数据
2006/10/09 PHP
PHP入门
2006/10/09 PHP
PHP中MVC模式的模板引擎开发经验分享
2011/03/23 PHP
Zend Framework实现Zend_View集成Smarty模板系统的方法
2016/03/05 PHP
PHP的Yii框架中View视图的使用进阶
2016/03/29 PHP
Yii框架实现邮箱激活的方法【数字签名】
2016/10/18 PHP
php app支付宝回调(异步通知)详解
2018/07/25 PHP
Prototype使用指南之array.js
2007/01/10 Javascript
jquery序列化表单以及回调函数的使用示例
2014/07/02 Javascript
原生js模拟淘宝购物车项目实战
2015/11/18 Javascript
如何使用Bootstrap创建表单
2017/03/29 Javascript
JavaScript通过改变文字透明度实现的文字闪烁效果实例
2017/04/27 Javascript
nodejs搭建本地服务器轻松解决跨域问题
2018/03/21 NodeJs
React注册倒计时功能的实现
2018/09/06 Javascript
在 Angular-cli 中使用 simple-mock 实现前端开发 API Mock 接口数据模拟功能的方法
2018/11/28 Javascript
jQuery实现点击旋转,再点击恢复初始状态动画效果示例
2018/12/11 jQuery
javascript数组去重方法总结(推荐)
2019/03/20 Javascript
JS window对象简单操作完整示例
2020/01/14 Javascript
12 种使用Vue 的最佳做法
2020/03/30 Javascript
js实现上传按钮并显示缩略图小轮子
2020/05/04 Javascript
[03:10]2014DOTA2 TI马来劲旅Titan首战告捷目标只是8强
2014/07/10 DOTA
[02:13] 完美世界DOTA2联赛PWL DAY5集锦
2020/11/03 DOTA
python smtplib模块发送SSL/TLS安全邮件实例
2015/04/08 Python
Python中的变量和作用域详解
2016/07/13 Python
python 通过xml获取测试节点和属性的实例
2018/03/31 Python
Python3安装Pillow与PIL的方法
2019/04/03 Python
python爬虫 基于requests模块的get请求实现详解
2019/08/20 Python
Python函数中的可变长参数详解
2019/09/12 Python
使用CSS3美化HTML表单的技巧演示
2016/05/17 HTML / CSS
css3给背景图片加颜色遮罩的方法
2019/11/05 HTML / CSS
巴西最大的珠宝连锁店:Vivara
2019/04/18 全球购物
如何将一个描述日期或日期/时间的字符串转换为一个Date对象
2015/10/13 面试题
幼儿园教师工作制度
2014/01/22 职场文书
团员个人年度总结
2015/02/26 职场文书
会计岗位职责范本
2015/04/02 职场文书
python如何利用cv2模块读取显示保存图片
2021/06/04 Python