                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /JavaScript進(jìn)階篇

大神求教!

<!DOCTYPE HTML>

<html>

? ? <head>

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

? ? ? ? <titlntsByName,getElementsBe>無標(biāo)題文檔</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打球

? ? ? ? ? <input type="checkbox" name="hobby" id="hobby6"> ?6跑步 <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");

? ? ? ? ??

? ? ? ? ? // 任務(wù)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");

? ? ? ? ? ??

? ? ? ? ?// 任務(wù)2 ? ?

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

? ? ? ? ? {

? ? ? ? ? ? ?hobby[i].checked = false;

? ? ? ? ? }

? ? ? ? }

? ? ? ??

? ? ? ? function checkone(){

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

? ? ? ? ?// 任務(wù)3

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

? ? ? ? ? ? hobby.checked = true;

? ? ? ? }

? ? ? ??

? ? ? ? </script>

? ? </body>

</html>

var hobby = document.getElementById("hobby"+j);后面的這個("hobby"+j)是啥意思是?。?/p>

qq_PureBLACK_13313525

2016-05-23

源自：JavaScript進(jìn)階篇 9-4

關(guān)注問題我要回答

619

操作

收起

3 回答

inro
2016-06-15

簡單點(diǎn)說吧,還是舉個栗子：

var?a="hobby";
var?b="1";
a=a+b;
document.write(a);

結(jié)果：hobby1,“+”在這里面就是個連接符號，當(dāng)然要注意b的類型了，不同的類型要轉(zhuǎn)換后才能進(jìn)行“+”操作。

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

qq_云在風(fēng)中_0
2016-05-26

?<script?type="text/javascript">
????????function?checkall(){
????????????var?hobby?=?document.getElementsByTagName("input");
???????????
??????????//?任務(wù)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");
????????????
?????????//?任務(wù)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;
????????
?????????//?任務(wù)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)是啥意思是??？

這個跟樓上說得一樣，不過，我還是喜歡用數(shù)組來定位。