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

来源：互联网发布：二十八间品牌知乎编辑：程序博客网时间：2024/05/18 21:43

<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>

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

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