checkbox虚选效果

发表于 由
  1. <script>   
  2. function setIsAll()   
  3. {   
  4.     if(form1.checkall.checked==true)   
  5.     {   
  6.   
  7.         for(i=1;i<form1.elements.length;i++)   
  8.             {   
  9.                 form1.elements(i).checked=true;   
  10.             }   
  11.     }   
  12.     else  
  13.     {   
  14.   
  15.         for(i=1;i<form1.elements.length;i++)   
  16.             {   
  17.                 form1.elements(i).checked=false;   
  18.             }   
  19.     }   
  20. }   
  21. </script>   
  22.   
  23. <form name="form1">   
  24.     <input type="checkbox" name="checkall" onclick="setIsAll()">   
  25.     <input type="checkbox" name="checkbox" checked>   
  26.     <input type="checkbox" name="checkbox">   
  27. </form>   
  28.   
  29. <form name="form2">   
  30.     <input type="checkbox" name="checkbox2" checkmain>   
  31.     <input type="checkbox" name="checkbox2">   
  32.     <input type="checkbox" name="checkbox2" checked>   
  33. </form>   
  34.   
  35. <script language="JavaScript">   
  36.   
  37.     var tmp = true, tmp1 = false  
  38.     for(var i=0;i<form1.checkbox.length;i++) tmp &= form1.checkbox[i].checked, tmp1 |= form1.checkbox[i].checked   
  39.     form1.checkall.checked = tmp   
  40.     form1.checkall.indeterminate = !tmp & tmp1   
  41.   
  42. </script>   
  43.   
  44. <script language="JavaScript" for=checkbox event=onclick>   
  45.   
  46.     var tmp = true, tmp1 = false  
  47.     for(var i=0;i<form1.checkbox.length;i++) tmp &= form1.checkbox[i].checked, tmp1 |= form1.checkbox[i].checked   
  48.     form1.checkall.checked = tmp   
  49.     form1.checkall.indeterminate = !tmp & tmp1   
  50.   
  51. </script>   
  52.   
  53. <script language="JavaScript">   
  54.   
  55.     var tmp = true, tmp1 = false  
  56.     for(var i=1;i<form2.checkbox2.length;i++) tmp &= form2.checkbox2[i].checked, tmp1 |= form2.checkbox2[i].checked   
  57.     form2.checkbox2[0].checked = tmp   
  58.     form2.checkbox2[0].indeterminate = !tmp & tmp1   
  59.   
  60. </script>   
  61.   
  62. <script language="JavaScript" for=checkbox2 event=onclick>   
  63.     if (event.srcElement.checkmain != undefined)   
  64.         for(var i=1;i<form2.checkbox2.length;i++)  form2.checkbox2[i].checked = form2.checkbox2[0].checked   
  65.     else  
  66.     {   
  67.         var tmp = true, tmp1 = false  
  68.         for(var i=1;i<form2.checkbox2.length;i++) tmp &= form2.checkbox2[i].checked, tmp1 |= form2.checkbox2[i].checked   
  69.         form2.checkbox2[0].checked = tmp   
  70.         form2.checkbox2[0].indeterminate = !tmp & tmp1   
  71.     }   
  72. </script>   
  73.   
  74. <script language="JavaScript" for=c event=onclick>   
  75.     if (event.srcElement.checkmain != undefined)   
  76.         for(var i=1;i<f1.c.length;i++)  f1.c[i].checked = f1.c[0].checked   
  77.     else  
  78.     {   
  79.         var tmp = true, tmp1 = false  
  80.         for(var i=1;i<f1.c.length;i++)  tmp &= f1.c[i].checked, tmp1 |= f1.c[i].checked   
  81.         f1.c[0].checked = tmp   
  82.         f1.c[0].indeterminate = !tmp & tmp1   
  83.     }   
  84. </script><form name="f1">   
  85.     <input type="checkbox" name="c" checkmain>   
  86.     <input type="checkbox" name="c">   
  87.     <input type="checkbox" name="c">   
  88. </form>  
  1. da shang
    donate-alipay
               donate-weixin weixinpay

发表评论↓↓