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

我想用else if做，为什么我输入没有反应呢，愿大佬指教

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
        <title>无标题文档</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.getElementsByName("hobby");
           for(var i=0;i<hobby.length;i++){
                   hobby[i].checked=true;
           }
          // 任务1
           
        }
        function clearall(){
            var hobby = document.getElementsByName("hobby");
            for(var i=0;i<hobby.length;i++){
              
                    hobby[i].checked=false;
            
            }
         // 任务2    
            
        }
        
        function checkone(){
            var j=document.getElementById("wb").value;
            var hoppy=document.getElementsByName("hoppy");
            if(j==1){
                hoppy[0].checked=true;
            }
            else if(j==2){
                hobby[1].checked=true;
            }
            else if(j==3){
                hobby[2].checked=true;
            }
            else if(j==4){
                hobby[3].checked=true;
            }
            else if(j==5){
                hobby[4].checked=true;
            }
            else if(j==6){
                hobby[5].checked=true;
            }
           /* var hobby=document.getElementById("hobby"+j);
            hobby.checked=true;*/
         // 任务3
        
        }
        
        </script>
    </body>
</html>

提问者：qq_慕移动6125882 2021-01-29 21:21

个回答

  • 星之所系
    2021-01-30 21:45:54
    已采纳

    改了后有反应啊

    <!DOCTYPE HTML>

    <html>

        <head>

            <meta http-equiv="Content-Type" content="text/html; charset=gb2312">

            <title>无标题文档</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.getElementsByName("hobby");

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

                       hobby[i].checked=true;

               }

              // 任务1

               

            }

            function clearall(){

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

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

                  

                        hobby[i].checked=false;

                

                }

             // 任务2    

                

            }

            

            function checkone(){

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

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

                if(j==1){

                    hobby[0].checked=true;

                }

                else if(j==2){

                    hobby[1].checked=true;

                }

                else if(j==3){

                    hobby[2].checked=true;

                }

                else if(j==4){

                    hobby[3].checked=true;

                }

                else if(j==5){

                    hobby[4].checked=true;

                }

                else if(j==6){

                    hobby[5].checked=true;

                }

               /* var hobby=document.getElementById("hobby"+j);

                hobby.checked=true;*/

             // 任务3

            

            }

            

            </script>

        </body>

    </html>


    0
  • 平平无奇小丸子
    2021-12-24 14:01:11

    是不是你的value忘记转Int了


    0
  • Justinpei
    2021-05-09 15:02:28

    function checkall(){

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

              // 任务1 

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

                    hobby[i].checked=true;

                }

            }

            function clearall(){

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

             // 任务2    

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

                    hobby[i].checked=false;

                }

            }

            function checkone(){

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

             // 任务3

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

                hobby[j-1].checked=true;

            }


    1
  • qq_慕移动6125882
    2021-01-29 21:23:35

    hoppy改之后依然没有反应，复制的时候我忘记改了

    0