首頁猿問第48-51這個for循環(huán)的內(nèi)容不太懂？

第48-51這個for循環(huán)的內(nèi)容不太懂？

JavaScript

想要飛的魚兒 2016-04-18 21:33:10

這段代碼主要實現(xiàn)在文本框內(nèi)輸入上面6個愛好的對應(yīng)的1-6的序號，可以將其打鉤選中，可是我理解他怎么覺得他吧1-j(即輸入的數(shù)字)之間的的愛好全選中了？可事實證明我的理解是錯的<!DOCTYPE HTML><html>? ? <head>? ? ? ? <meta http-equiv="Content-Type" content="text/html; charset=gb2312">? ? ? ? <title>無標(biāo)題文檔</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");? ? ? ? ? ?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(){? ? ? ? ? ? clearall();? ? ? ? ? ? var hobby = document.getElementsByName("hobby");? ? ? ? ? ? var j=document.getElementById("wb").value;? ? ? ? ? ? for(var i=0;i<j.length;i++){? ? ? ? ? ? ? ? if(j.charAt(i)>6 || j.charAt(i)<1){? ? ? ? ? ? ? ? ? ? alert("越界,請重新輸入！");? ? ? ? ? ? ? ? ? ? document.getElementById("wb").value="";? ? ? ? ? ? ? ? }? ? ? ? ? ? }? ? ? ? ? ? ? ? for(var n=0;n<j.length;n++){? ? ? ? ? ? ? ? ? ?? ? ? ? ? ? ? ? ? ? ? ? hobby[(j.charAt(n))-1].checked=true;?? ? ? ? ? ? ? ? }? ? ? ? ? ??? ? ? ? ? ??? ? ? ? }? ? ? ??? ? ? ? </script>? ? </body></html>

查看完整描述

2 回答

qq_青棗工作室_0

TA貢獻(xiàn)446條經(jīng)驗獲得超754個贊

他這個是多選的，所以你文本框里可以填寫123456表示全選，填寫123表示選擇前面三個。

那最后一個for循環(huán)就是把你填寫的123456里的每一個數(shù)字對應(yīng)的復(fù)選框選中。他要把你輸入的每個字符都遍歷一次。

1 反對回復(fù) 2016-04-18

想要飛的魚兒
我知道這個意思，我不理解的是 hobby[(j.charAt(n))-1].checked=true; ，假如輸入的是3，那豈不是第1，2，3個框都被選中了？可事實選中的是j 作為下標(biāo)的框

回復(fù) 2016-04-18
qq_青棗工作室_0
輸入3就是遍歷3啊。輸入"146"就是遍歷1，4，6。他是按輸入的每個字符來看的。

回復(fù) 2016-04-18
qq_青棗工作室_0
j就是你輸入的值。例如：j="146"，那j.charAt(n)就是把1,4,6逐個取出來，再把第1個，第4個，第6個選框選中

回復(fù) 2016-04-18