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

最新推荐文章于 2022-03-07 22:34:54 发布

raindew1985

最新推荐文章于 2022-03-07 22:34:54 发布

阅读量887

点赞数

文章标签： input button function c javascript

本文链接：https://blog.csdn.net/raindew1985/article/details/1443065

版权

<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="全選" οnclick="selAll();">
<input type="button" value="全取消" οnclick="unselAll();">
<input type="button" value="反向選取" οnclick="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>