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

getElementById("hobby"+j);是什么意思。

http://img.mukewang.com/57e257a20001e42e08800488.jpg请问这里的j是什么意思啊,没见过这种用法,求解。

提问者:qq_初心始现_04003154 2016-09-21 17:51

个回答

  • qq_水无声_03882251
    2016-09-28 10:50:28

    你先来看这里:

     var j=document.getElementById("wb").value;这行代码的意思是获取ID为“wb”的value值指给J

    而下面的这行代码:

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

    这行代码正是获取ID为“hobby”的值赋给hobby,题目中hobby有hobby1 hobby2.。。。。。所以通过加上j来获取不同的hobby,一共有6个hobby,不加J则以ID获取的值只有hobby一个,加了j之后可以通过输入123456获取hobby123456

  • 慕妹7508549
    2016-09-23 14:45:09

    <!DOCTYPE HTML>

    <html>

        <head>

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

            <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 hobby = document.getElementsByName("hobby");

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

                hobby[j-1].checked=true;

             // 任务3

            

            }

            

            </script>

        </body>

    </html>


  • 慕桂英3113315
    2016-09-21 19:15:27

    j是个变量 类似document.write里面的写法 他的结果就是 hobby会根据变量(你输入)的值变化,hobby1,2,3,…… 总之你可以少写很多代码。

  • 如此消魂
    2016-09-21 19:09:55

    这个应该是写错了。你可以参考下我的代码。

    <script type="text/javascript">
            function checkall(){
                var hobby = document.getElementsByName("hobby");
                for(i=0;i<=hobby.length;i++){
                    hobby[i].checked = true;
                }
              // 任务1 
               
            }
            function clearall(){
                //var hobby = document.getElementsByName("hobby");
                
             // 任务2 
             var hobby = document.getElementsByName("hobby");
                for(i=0;i<=hobby.length;i++){
                    hobby[i].checked = false;
                }
                
            }
            
            function checkone(){
                var j=document.getElementById("wb").value-1;
                var hobby = document.getElementsByName("hobby");
             // 任务3
                hobby[j].checked = true;
            }
            
            </script>