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

2016-02-19 11:23 39 1 收藏

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

【 tulaoshi.com - Web开发 】

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 点击事件可以去掉,以免出错)

来源:https://www.tulaoshi.com/n/20160219/1597332.html

延伸阅读
标签: PHP
如果一个表单中有多个同名复选框,在提交到php时却只有一个值,而并不像asp那样是一串用逗号分割的值。有一个很简单的方法来解决:将复选框的name后面加上[],例如:<input type=\"checkbox\" name=\"ccc\" value=\"1\" 改为:<input type=\"checkbox\" name=\"ccc[]\" ...
标签: Web开发
作者:平凡点滴 HTML HEAD META NAME="AUTHOUR" Content="DANNY KANG" META NAME="CreateDate" Content="2004-10-28" META NAME="Keywords" Content="DANNY KANG,DannyKang,DK,[D.K],pizz" META http-equiv=content-type content="text/html; charset=gb2312" SCRIPT language=javascript //'+-------...
标签: Web开发
//jQuery Alert Dialogs Plugin Version 1.0 //插件下载地址:http://abeautifulsite.net/notebook/87 自身的原方法为: 代码如下: // Usage: // jAlert( message, [title, callback] ) // jConfirm( message, [title, callback] ) // jPrompt( message, [value, title, callback] ) 1.新加一个multicheckbox 的公共方法: // Public...
标签: Web开发
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" head     title全选,不全选,反选/title     script src="js/jquery.js" type="text/javascript"/script     script lang...
标签: ASP
  这两天看到有朋友问起html内的各种控件怎么用script进行操作,现在自己也总结一下。因为项目原因,很多程序都是用VBScript写的,感兴趣的朋友可以改写成JavaScript,到时候别忘了共享一下啊,活活。 OK,切入主题,现介绍一下: 今天介绍使用VBScript判断复选框的选中数量和被选中的复选框的值。 在生成某个一览表时,比如一个订货...

经验教程

940

收藏

76
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部