javascript应用:实现复选框全选/全不选切换

dnf果花无

dnf果花无

2016-02-19 15:20

每个人都希望每天都是开心的,不要因为一些琐事扰乱了心情还,闲暇的时间怎么打发,关注图老师可以让你学习更多的好东西,下面为大家推荐javascript应用:实现复选框全选/全不选切换,赶紧看过来吧!

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'')"brbr
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; iaa.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; iaa.length; i++)
     if(!aa[i].checked) return;
    all.checked = true;
  }
}
/script

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

    ps:(当然若那个全选框是其它的控件比如是一个按钮,或者一个链接什么的话,那复选框里的 checkItem 点击事件可以去掉,以免出错)

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)
展开更多 50%)
分享

猜你喜欢

javascript应用:实现复选框全选/全不选切换

Web开发
javascript应用:实现复选框全选/全不选切换

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

Web开发
实现复选框全选/全不选切换

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Javscript实现表单复选框的全选功能

Web开发
Javscript实现表单复选框的全选功能

JQUERY复选框CHECKBOX全选,取消全选

Web开发
JQUERY复选框CHECKBOX全选,取消全选

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

多线程的全选复选框

Web开发
多线程的全选复选框

用Javascript制作复选框

Web开发
用Javascript制作复选框

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

一种常用效果的实现(Javascript的子父页访问、函数调用)

一种常用效果的实现(Javascript的子父页访问、函数调用)

不想恋爱旳人心里都装着 一个不可能旳人 - QQ情侣分组

不想恋爱旳人心里都装着 一个不可能旳人 - QQ情侣分组
下拉加载更多内容 ↓