                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

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

请问这里的j是什么意思啊，没见过这种用法，求解。

qq_初心始现_04003154

2016-09-21

源自：JavaScript进阶篇 9-4

关注问题我要回答

1348

操作

收起

4 回答

qq_水无声_03882251
2016-09-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

1 回复有任何疑惑可以回复我~

收起回答

慕妹7508549
2016-09-23

<!DOCTYPE HTML>

<html>

<head>

<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"> 打球

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

</form>

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>

0 回复有任何疑惑可以回复我~

收起回答

慕桂英3113315
2016-09-21

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

0 回复有任何疑惑可以回复我~

收起回答

如此消魂
2016-09-21

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

<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>

0 回复有任何疑惑可以回复我~

收起回答