checkbox全选、全不选实现

Json_wangqiang

于 2014-09-15 15:29:00 发布

阅读量173

点赞数

CC 4.0 BY-SA版权

分类专栏：前端杂记文章标签： checkbox全选、全不选实现

本文链接：https://blog.youkuaiyun.com/Json_wangqiang/article/details/85276065

前端杂记专栏收录该内容

29 篇文章

订阅专栏

checkbox全选、全不选实现

<form   name=aa1   >
      <p>
        <input   type=checkbox   name="radiotex"   value="1">1
      </p>     <p>
          <input   type=checkbox   name="radiotex"   value="3">3
      </p>
      <p>
          <input   type=checkbox   name="radiotex"   value="4">4
      </p>
      <p>
          <input   type=checkbox   name="radiotex"   value="2">2
      </p>
    <input   type   =   button   value=SelectAll   onclick="SelectAll()"
</form>
<script>
checkit   =   true;
function   SelectAll()
{
      aa   =   document.getElementsByName("radiotex");
      if   (checkit)
      {
      for   (i=0;i<aa.length;i++)
        aa.item(i).checked=true;
        checkit   =   false;
      }
      else
      {
      for   (i=0;i<aa.length;i++)
        aa.item(i).checked=false;
        checkit   =   true;
      }
}

</script>