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


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 jQuery $.post $.ajax用法
Jul 09 Javascript
js 跳出页面的frameset框架示例介绍
Dec 23 Javascript
jQuery图片特效插件Revealing实现拉伸放大
Apr 22 Javascript
Bootstrap媒体对象的实现
May 01 Javascript
浅谈React 属性和状态的一些总结
Nov 21 Javascript
jQuery和CSS仿京东仿淘宝列表导航菜单
Jan 04 Javascript
bootstrap 模态框(modal)实现水平垂直居中显示
Jan 23 Javascript
BootStrap Fileinput上传插件使用实例代码
Jul 28 Javascript
js基于FileSaver.js 浏览器导出Excel文件的示例
Aug 15 Javascript
vue mint-ui 实现省市区街道4级联动示例(仿淘宝京东收货地址4级联动)
Oct 16 Javascript
layui-tree实现Ajax异步请求后动态添加节点的方法
Sep 23 Javascript
HTML+VUE分页实现炫酷物联网大屏功能
May 27 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
怎样在UNIX系统下安装php3
2006/10/09 PHP
全面解读PHP的人气开发框架Laravel
2015/10/15 PHP
php防止CC攻击代码 php防止网页频繁刷新
2015/12/21 PHP
php实现HTML实体编号与非ASCII字符串相互转换类实例
2016/11/02 PHP
PHP创建文件及写入数据(覆盖写入,追加写入)的方法详解
2019/02/15 PHP
javascript算法题 求任意一个1-9位不重复的N位数在该组合中的大小排列序号
2012/07/21 Javascript
100行代码理解和分析vue2.0响应式架构
2017/03/09 Javascript
jQuery实现点击关注和取消功能
2017/07/03 jQuery
vue-cli创建的项目,配置多页面的实现方法
2018/03/15 Javascript
vue addRoutes实现动态权限路由菜单的示例
2018/05/15 Javascript
Vue 通过自定义指令回顾v-内置指令(小结)
2018/09/03 Javascript
小程序二次贝塞尔曲线实现购物车商品曲线飞入效果
2019/01/07 Javascript
微信小程序中显示倒计时代码实例
2019/05/09 Javascript
分享一个vue项目“脚手架”项目的实现步骤
2019/05/26 Javascript
简述pm2常用命令集合及配置文件说明
2019/05/30 Javascript
Bootstrap table 实现树形表格联动选中联动取消功能
2019/09/30 Javascript
vue 路由守卫(导航守卫)及其具体使用
2020/02/25 Javascript
深入了解Vue动态组件和异步组件
2021/01/26 Vue.js
[03:00]DOTA2-DPC中国联赛1月18日Recap集锦
2021/03/11 DOTA
python简单猜数游戏实例
2015/07/09 Python
python如何修改装饰器中参数
2018/03/20 Python
基于Python的PIL库学习详解
2019/05/10 Python
Python程序打包工具py2exe和PyInstaller详解
2019/06/28 Python
Python 处理文件的几种方式
2019/08/23 Python
基于MSELoss()与CrossEntropyLoss()的区别详解
2020/01/02 Python
Jupyter Notebook远程登录及密码设置操作
2020/04/10 Python
python利用xlsxwriter模块 操作 Excel
2020/10/14 Python
Html5实现二维码扫描并解析
2016/01/20 HTML / CSS
Sephora丝芙兰澳洲官方网站:国际知名化妆品购物
2016/10/27 全球购物
英国殿堂级有机护肤品牌:Rodial
2017/04/17 全球购物
Derek Rose官网:英国高档睡衣、家居服和内衣品牌
2020/01/18 全球购物
拾金不昧感谢信
2015/01/21 职场文书
2016新年致辞
2015/08/01 职场文书
MySql存储过程之逻辑判断和条件控制
2021/05/26 MySQL
JAVA SpringMVC实现自定义拦截器
2022/03/16 Python
Java字符缓冲流BufferedWriter
2022/04/09 Java/Android