问答详情
源自：9-4 区别getElementByID,getElementsByName,getElementsByTagName

为什么没有反应？哪里错了？明明是按照答案写的

<form>
          请选择你爱好:<br>
          <input type="checkbox" name="hobby" id="hobby1">  音乐
          <input type="checkbox" name="hobby" id="hobby2">  登山
          <input type="checkbox" name="hobby" id="hobby3">  游泳
          <input type="checkbox" name="hobby" id="hobby4">  阅读
          <input type="checkbox" name="hobby" id="hobby5">  打球
          <input type="checkbox" name="hobby" id="hobby6">  跑步 <br>
          <input type="button" value = "全选" onclick = "checkall();">
          <input type="button" value = "全不选" onclick = "clearall();">
          <p>请输入您要选择爱好的序号，序号为1-6:</p>
          <input id="wb" name="wb" type="text" >
          <input name="ok" type="button" value="确定" onclick = "checkone();">
        </form>
        <script type="text/javascript">
        function checkall(){
            var hobby = document.getElementsByTagName("input");
            for(var i=0;i<hobby.length;i++){
               if(hobby[i].type=="checkbox"){
                   hobby[i].checked=true;
               }
           }
        }
        function clearall(){
            var hobby = document.getElementsByName("hobby");   
             for(var i=0;i<hobby.length;i++){
                   hobby[i].checked=false;
        }
        
        function checkone(){
            var j=document.getElementById("wb").value;
            var hobby=document.getElementById("hobby"+j);
            hobby.checked=true;
           
        }

提问者：ygKan 2019-06-17 22:01

个回答

  • 阳火锅
    2019-06-18 09:21:20

    以老夫30年代码观写经验来看，眼睛随便一瞟https://img3.mukewang.com/5d083c720001cc2d07380184.jpg就看见你这里少写一个结束的  } 

    1
  • 慕码人7211698
    2019-06-17 23:05:42

    <!DOCTYPE html>

    <html lang="en">

    <head>

     <meta charset="UTF-8">

     <meta name="viewport" content="width=device-width, initial-scale=1.0">

     <meta http-equiv="X-UA-Compatible" content="ie=edge">

     <title>Document</title>

    </head>

    <body>

     <form>

       请选择你爱好:<br>

       <input type="checkbox" name="hobby" id="hobby1">  音乐

       <input type="checkbox" name="hobby" id="hobby2">  登山

       <input type="checkbox" name="hobby" id="hobby3">  游泳

       <input type="checkbox" name="hobby" id="hobby4">  阅读

       <input type="checkbox" name="hobby" id="hobby5">  打球

       <input type="checkbox" name="hobby" id="hobby6">  跑步 <br>

       <input type="button" value = "全选" onclick = "checkall();">

       <input type="button" value = "全不选" onclick = "clearall();">

       <p>请输入您要选择爱好的序号，序号为1-6:</p>

       <input id="wb" name="wb" type="text" >

       <input name="ok" type="button" value="确定" onclick = "checkone();">

     </form>

     <script type="text/javascript">

     function checkall(){

         var hobby = document.getElementsByTagName("input");

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

         {

           if(hobby[i].type=='checkbox')

           {

             hobby[i].checked=true;

           }

         }

       // 任务1

       

     }

     function clearall(){

         var hobby = document.getElementsByName("hobby");

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

         {

           if(hobby[i].type=='checkbox')

           {

             hobby[i].checked=false;

           }

         }


      // 任务2    

         

     }

     

     function checkone(){

         var j=document.getElementById("wb").value;

         var hobby=document.getElementsByName('hobby');

         

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

         {

           hobby[(j.charAt(i))-1].checked=true;

         }

      // 任务3

     

     }

     

     </script>


    </body>

    </html>



    0