js实现复选框全选

Original 2019-03-19 16:09:54 209
abstract:<!DOCTYPE html><html><head><meta charset="utf-8"><title>全选框</title></head><body><div class="box" style="border:2px solid #cc

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>全选框</title>

</head>

<body>

<div class="box" style="border:2px solid #ccc;background:rgba(234,234,234,0.6);width:100px;height:200px;padding:8px;margin:10px auto;">

   <div><input type="checkbox" id="checkall" onclick="aa()"><lable for="all">全选</lable></div>

   <input type="checkbox" name="item">1<br>

   <input type="checkbox" name="item">2<br>

   <input type="checkbox" name="item">3<br>

   <input type="checkbox" name="item">4<br>

   <input type="checkbox" name="item">5<br>

   <input type="checkbox" name="item">6<br>

</div>

</body>

<script type="text/javascript">

    var a,b;

    function aa()

    {

       window.a=document.getElementById("checkall");

       window.b=document.getElementsByName("item");

       for(var i=0;i<=b.length;i++)

       {

             if(a.checked)

             {

              b[i].checked=true;

             }

             else

             {

              b[i].checked=false;

             }

       }

    }

</script>

</html>


Correcting teacher:天蓬老师Correction time:2019-03-19 16:12:57
Teacher's summary:<input type="checkbox" name="item">2<br> 这里有点问题,提交到后台, 无法用一个数组接收

Release Notes

Popular Entries