根据老师写的自己在写了一次

原创 2018-11-13 20:09:48 284
摘要:<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css">    .box{w

QQ图片20181113200828.pngQQ图片20181113200836.png<!DOCTYPE html>
<html>
<head>
 <meta charset="UTF-8">
 <title>Document</title>
 <style type="text/css">
    .box{width: 100px;height: 250px;border: 1px solid #000;padding: 0px 1px; margin:20px auto; }
    .box div{width: 98%;border: 1px solid #ccc;padding-bottom: 10px;;margin-bottom: 6px}
    .box input{margin: 8px}
 </style>
 <script type="text/javascript">
      function checkAll(){
       var checkALL,itm;
       checkALL=document.getElementById('chackAll');
       itm=document.getElementsByName('itm');
       for (var i = 0;i<=itm.length - 1; i++) {
          if(checkALL.checked){
           itm[i].checked=true;
          }
          else{ 
           itm[i].checked=false;
          }}
       }
     
 </script>
</head>
<body>
 <div>
    <div>
    <input type="checkbox" id="chackAll" onclick="checkAll()"><label for="chackAll">全选</label>
    </div>
    <input type="checkbox" name="itm">选项1
    <input type="checkbox" name="itm">选项2
    <input type="checkbox" name="itm">选项3 </div>
</body>
</html>

批改老师:灭绝师太批改时间:2018-11-14 09:09:39
老师总结:嗯!完全自己写一次的习惯要保持,这样有便于自己掌握

发布手记

热门词条