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

不是可口可乐ok

不是可口可乐ok

2016-02-19 11:23

图老师设计创意栏目是一个分享最好最实用的教程的社区,我们拥有最用心的各种教程,今天就给大家分享实现复选框全选/全不选切换的教程,热爱PS的朋友们快点看过来吧!
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

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

猜你喜欢

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

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

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

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

s8lol主宰符文怎么配

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

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

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

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

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

lol偷钱流符文搭配推荐

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

多线程的全选复选框

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

复选框用法

ASP
复选框用法

lolAD刺客新符文搭配推荐

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

JavaScript中Array 对象相关的几个方法

JavaScript中Array 对象相关的几个方法

win10支持ios吗

win10支持ios吗
下拉加载更多内容 ↓