大神求教!-慕课网

首页课程实战体系课手记专栏慕课教程

大神求教!

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

qq_PureBLACK_13313525

2016-05-23 10:59

<!DOCTYPE HTML>

<html>

<head>

<titlntsByName,getElementsBe>无标题文档</title>

</head>

<body>

<form>

请选择你爱好:<br>

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

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

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

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

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

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

</form>

function checkall(){

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

// 任务1

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

{

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

{

hobby[i].checked = true;

}

function clearall(){

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

// 任务2

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

{

hobby[i].checked = false;

}

function checkone(){

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

// 任务3

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

hobby.checked = true;

}

</script>

</body>

</html>

var hobby = document.getElementById("hobby"+j);后面的这个("hobby"+j)是啥意思是啊？

写回答关注

3回答

inro

2016-06-15 16:21:02
简单点说吧,还是举个栗子：
```
var a="hobby";
var b="1";
a=a+b;
document.write(a);
```
结果：hobby1,“+”在这里面就是个连接符号，当然要注意b的类型了，不同的类型要转换后才能进行“+”操作。
0 0

qq_云在风中_0: 2016-05-26 20:20:18

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

var hobby = document.getElementById("hobby"+j);后面的这个("hobby"+j)是啥意思是啊？

这个跟楼上说得一样，不过，我还是喜欢用数组来定位。

0 0