checkbox全选/取消全选function

最新推荐文章于 2024-09-27 15:27:45 发布

xyhongmei

最新推荐文章于 2024-09-27 15:27:45 发布

阅读量235

点赞数

分类专栏： JavaScript-html 文章标签： function input javascript null

本文链接：https://blog.csdn.net/xyhongmei/article/details/6036624

版权

JavaScript-html 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<html>
<head>
<title></title>
<meta http-equiv="content-type" content="text/html;charset=UTF-8"/>
</head>
<script language=javascript>
<!--
function checkall() {
    if (document.all("all").checked==1) {
       val=1;
    } else {
       val=0;
    }
    str=document.all("idx");
    if(str != null) {
     len=str.length;
     if(len == null) {
         str.checked = val;
     }
    } else {
    len = 0;
    }

    if(len !=null && len>0) {
       for(i=0;i<len;i++) {
          str[i].checked=val;
       }
    }
}

全选 <input type="checkbox" name="all" οnclick="checkall()"/>
<br><input type="checkbox" name="idx" οnclick="unChkAll()" value="0"/>
<br><input type="checkbox" name="idx" οnclick="unChkAll()" value="1"/>
<br><input type="checkbox" name="idx" οnclick="unChkAll()" value="2"/>
<br><input type="checkbox" name="idx" οnclick="unChkAll()" value="3"/>

</html>