打印本文 打印本文 关闭窗口 关闭窗口
常用到的javaScript技术(二)
作者:武汉SEO闵涛  文章来源:敏韬网  点击数817  更新时间:2009/4/23 11:29:43  文章录入:mintao  责任编辑:mintao


问题说明 复选框的全选,多选,全不选,反选 
解决方法 form name=hrong
input type=checkbox name=All onclick=checkAll('mm')全选br
input type=checkbox name=mm onclick=checkItem('All')br
input type=checkbox name=mm onclick=checkItem('All')br
input type=checkbox name=mm onclick=checkItem('All')br
input type=checkbox name=mm onclick=checkItem('All')br
input type=checkbox name=mm onclick=checkItem('All')brbr

input type=checkbox name=All2 onclick=checkAll('mm2')全选br
input type=checkbox name=mm2 onclick=checkItem('All2')br
input type=checkbox name=mm2 onclick=checkItem('All2')br
input type=checkbox name=mm2 onclick=checkItem('All2')br
input type=checkbox name=mm2 onclick=checkItem('All2')br
input type=checkbox name=mm2 onclick=checkItem('All2')br
form
SCRIPT LANGUAGE=JavaScript
function checkAll(str)
{
  var a = document.getElementsByName(str);
  var n = a.length;
  for (var i=0; in; i++)
  a[i].checked = window.event.srcElement.checked;
}
function checkItem(str)
{
  var e = window.event.srcElement;
  var all = eval(document.hrong.+ str);
  if (e.checked)
  {
    var a = document.getElementsByName(e.name);
    all.checked = true;
    for (var i=0; ia.length; i++)
    {
      if (!a[i].checked){ all.checked = false; break;}
    }
  }
  else all.checked = false;
}
SCRIPT
 涉及技术:Web技术   作者:方生红

打印本文 打印本文 关闭窗口 关闭窗口