js全选代码

<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" >
< html >
  < head >
   < title > checked.html </ title >

   < meta  http-equiv ="keywords"  content ="keyword1,keyword2,keyword3" >
   < meta  http-equiv ="description"  content ="this is my page" >
   < meta  http-equiv ="content-type"  content ="text/html; charset=gb2312" >

   <!-- <link rel="stylesheet" type="text/css" href="./styles.css"> -->

   < script  type ="text/javascript" >
    function checkAll(str){
     var a = document.getElementsByName(str);
     var n = a.length;    


 for(var i=0;i<n;i++){
      a[i].checked = window.event.srcElement.checked;
     }
    }  

function checkItem(str){
     var e = window.event.srcElement;
     var all = eval("document.f1."+str);
     if(e.checked){
      var a = document.getElementsByName(e.name);
      all.checked = true;
      for(var i=0;i<a.length;i++){
       if(!a[i].checked){
        all.checked = false;
        break;
       }
      }
     }else{
      all.checked = false;
     }
    }
   </ script >
  </ head >

  < body >
   < form  name ="f1"  id ="f1"  action =""  method ="post" >
    < 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')" >
    < br  />
    < input  type ="checkbox"  name ="mm"  onclick ="checkItem('all')" >
    < br  />

    < input  type ="checkbox"  id ="checkbox1"  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  />
    < input  type ="checkbox"  name ="mm2"  onclick ="checkItem('all2')" >
    < br  />
   </ form >
  </ body >
</ html >

转载于:https://www.cnblogs.com/gengxiaochao/archive/2007/11/07/951616.html