为什么这样写运行不出来

来源:9-4 区别getElementByID,getElementsByName,getElementsByTagName

慕粉4408527

2016-12-06 12:41

        function checkone(){
            // 任务3
            var hobby = document.getElementsByName("hobby");
            var j=parseInt(document.getElementById("wb").value);
            if(j<0&&j>6) alert("请输入0-6之间的数!");
            else hobby[j-1].checked=true;
        
            
        }
       

写回答 关注

4回答

  • qq_AllureLove_8
    2016-12-06 15:01:09
    已采纳

    if(j<0&&j>6) alert("请输入0-6之间的数!");判断的内容改为j<0||j>6

    慕粉4408...

    非常感谢!

    2016-12-06 15:21:41

    共 1 条回复 >

  • 浅爱为我心
    2016-12-06 15:03:41

    var j=document.getElementById("wb").value;
     var hobby = document.getElementById("hobby"+j);
    hobby.checked = true;   

  • 慕粉4408527
    2016-12-06 14:42:42

    <!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.getElementsByTagName("input");
              // 任务1
            
              for(var i=0;1<hobby.length;i++){
                  if(hobby[i].type=="checkbox")
                  hobby[i].checked=true;
              }
               
            }
            function clearall(){
                var hobby = document.getElementsByName("hobby");
                
             // 任务2    
                for(var i=0;1<hobby.length;i++){
                  hobby[i].checked=false;
                }    
            }
            
            function checkone(){
                // 任务3
                var hobby = document.getElementsByName("hobby");
                var j=parseInt(document.getElementById("wb").value);
                if(j<0&&j>6) alert("请输入0-6之间的数!");
                else hobby[j-1].checked=true;
            
                
            }
            
            </script>
        </body>
    </html>

  • 天生我才必有用哈
    2016-12-06 14:41:14

    完整代码看一下

JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468194 学习 · 21891 问题

查看课程

相似问题