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


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 相关文章推荐
JS 添加千分位与去掉千分位的示例
Jul 11 Javascript
js闭包的用途详解
Nov 09 Javascript
jQuery学习笔记之jQuery中的$
Jan 19 Javascript
js获取当前日期时间及其它日期操作汇总
Mar 08 Javascript
通过js修改input、select默认字体颜色
Apr 19 Javascript
JavaScript判断浏览器和hack滚动条的写法
Jul 23 Javascript
JS控制鼠标拒绝点击某一按钮的实例
Dec 29 Javascript
angularjs实现分页和搜索功能
Jan 03 Javascript
怎么使用javascript深度拷贝一个数组
Jun 06 Javascript
js贪心算法 钱币找零问题代码实例
Sep 11 Javascript
使用webpack5从0到1搭建一个react项目的实现步骤
Dec 16 Javascript
避坑之 JavaScript 中的toFixed()和正则表达式
Apr 19 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错误Warning: Cannot modify header information - headers already sent by解决方法
2014/09/27 PHP
php5.3不能连接mssql数据库的解决方法
2014/12/27 PHP
php经典算法集锦
2015/11/14 PHP
PHP使用mongoclient简单操作mongodb数据库示例
2019/02/08 PHP
laravel 使用auth编写登录的方法
2019/09/30 PHP
原生javascript兼容性测试实例
2013/07/01 Javascript
深入理解JQuery keyUp和keyDown的区别
2013/12/12 Javascript
JSONP获取Twitter和Facebook文章数的具体步骤
2014/02/24 Javascript
单击某一段文字改写文本颜色
2014/06/06 Javascript
jQuery的css() 方法使用指南
2015/05/03 Javascript
原生js的数组除重复简单实例
2016/05/24 Javascript
JQuery为元素添加样式的实现方法
2016/07/20 Javascript
jquery实现网页定位导航
2016/08/23 Javascript
js/jq仿window文件夹移动/剪切/复制等操作代码
2017/03/08 Javascript
nodejs入门教程五:连接数据库的方法分析
2017/04/24 NodeJs
vue.js实现刷新当前页面的方法教程
2017/07/05 Javascript
微信小程序开发之animation循环动画实现的让云朵飘效果
2017/07/14 Javascript
Javascript实现基本运算器
2017/07/15 Javascript
vue 标签属性数据绑定和拼接的实现方法
2018/05/17 Javascript
Vue注册组件命名时不能用大写的原因浅析
2019/04/25 Javascript
layui的表单提交以及验证和修改弹框的实例
2019/09/09 Javascript
vue 路由守卫(导航守卫)及其具体使用
2020/02/25 Javascript
详谈Object.defineProperty 及实现数据双向绑定
2020/07/18 Javascript
[50:15]VP vs Mineski 2018国际邀请赛淘汰赛BO3 第二场 8.22
2018/08/23 DOTA
[56:48]FNATIC vs EG 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
详解Python中使用base64模块来处理base64编码的方法
2016/07/01 Python
Python将字典转换为XML的方法
2020/08/01 Python
python基于Kivy写一个图形桌面时钟程序
2021/01/28 Python
荷兰超市:DEEN
2018/03/14 全球购物
美国精品地毯网站:Boutique Rugs
2020/03/04 全球购物
会计专业自荐书
2014/07/08 职场文书
党的群众路线教育实践活动个人对照检查材料(教师)
2014/11/04 职场文书
2015年行政部工作总结
2015/04/28 职场文书
幼儿园2016年感恩节活动总结
2016/04/01 职场文书
mybatis3中@SelectProvider传递参数方式
2021/08/04 Java/Android
python代码实现扫码关注公众号登录的实战
2021/11/01 Python