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

任务一、任务二i<hobby.length，而任务三i<=hobby.length，为什么；hobby[i].checked怎么理解；任务三中的代码怎么理解？

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

MMJiao

2016-12-04

源自：JavaScript进阶篇 9-4

关注问题我要回答

1164

操作

收起

2 回答

进击君回答被采纳 +3 积分
2016-12-07

function clearone(){   //函数名意思大概是  清除选中的check
    var j=document.getElementById("wb").value;  //取出输入框中的值并且赋值给j，j是字符串
    var hobby=document.getElementsByName("hobby"); //取出所有的复选框，存入类数组hobby
    //这个代码假设用户输入了一个或以上的数字，中间用空格隔开，比如：2 5 6
    var num=j.split("");   //因此去掉j之间的空格，把结果存入num，num是数组
    for(var i=0;i<hobby.length;i++){ //遍历num数组，hobby中第一是o，最后一个是length-1，i是num的序数，num数组的序数不可能大于hobby数组的长度。
    hobby[num[i]-1].checked=false; //num中存的是用户的输入，从1开始，转换为数组元素要-1
                  }

假设，用户输入的是 2 5 6

num=256

for循环中，第一次：

hobby[num[0]-1] 等价于hobby[2-1]等价于 hobby[1].用户的意思就是第二个复选框，因此输入2，转换成数组hobby中就是hobby[1]。把这个复选框设置为未选中状态

for循环三次，同上。

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

收起回答

进击君

需要指出两点：第一是这个代码没有做输入溢出的判断，如果用户输入的不是1-6之间的数字，或者输入的个数超过了六个就会出现错误。第二是，假设用户输入的没错，6位以内的1-6的数组，那么极限情况是1 2 3 4 5 6，num数组中存储了6个值，最大是num[5]=6，此时num和hobby数组是一样的。因此for循环遍历时，i=0;i<5,而hobby.length也是等于5的。所以是i<hobby.length