对CHECKBOX的 全选,全取消,反向选择

时间:2022-12-03 07:31:34

<body>
<form   name=abc>
<input TYPE="checkbox" name="c1">
<input TYPE="checkbox" name="c2">
<input TYPE="checkbox" name="c3">
<input TYPE="checkbox" name="c4">
<input type="checkbox" name="c5">
<input type="checkbox" name="c6">
<input type="checkbox" name="c7">
<input type="checkbox" name="c8">
</form>
<br>
<input type="button" value="全選" onclick="selAll();">
<input type="button" value="全取消" onclick="unselAll();">
<input type="button" value="反向選取" onclick="usel();">
</body>
<script language="JavaScript">  
function selAll(){
                var   c=abc.all;  
          for(i=0;i<c.length;i++)  
          {  
                  if(c[i].type=='checkbox')  
                          c[i].checked=true;  
          }     

 }
function unselAll(){  
  var   c=abc.all;  
          for(i=0;i<c.length;i++)  
          {  
                  if(c[i].type=='checkbox')  
                          c[i].checked=false;  
          }     

 }
function usel(){  
  var   c=abc.all;  
          for(i=0;i<c.length;i++)  
          {  
                  if(c[i].type=='checkbox')  
                          c[i].checked=!c[i].checked;  
          }     
 }
</script>