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

任務(wù)三，換個(gè)思路出不來(lái)結(jié)果？請(qǐng)大神幫忙看看

看到答案內(nèi)容很簡(jiǎn)潔，用switch判斷很繁瑣。但非常好奇為什么用switch的寫法無(wú)法正常顯示？

ture寫錯(cuò)了，已改正，但還是無(wú)法顯示？？

黑羊sparrow

2015-03-08

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

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

1111

操作

收起

3 回答

sanguoyou
2015-03-10

<!DOCTYPE HTML>
<html>
??? <head>
??????? <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
??????? <title>無(wú)標(biāo)題文檔</title>
??? </head>
?? ?
??? <body>
??????? <form>
????????? 請(qǐng)選擇你愛(ài)好:<br>
????????? <input type="checkbox" name="hobby" id="hobby1">? 音樂(lè)
????????? <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>請(qǐng)輸入您要選擇愛(ài)好的序號(hào)，序號(hào)為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(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(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
??????? switch(j){
??????? case "1": document.getElementById("hobby1").checked=true;
??????? break;
??????? case "2": document.getElementById("hobby2").checked=true;? ?
??????? break;
??????? case "3": document.getElementById("hobby3").checked=true;? ?
??????? break;
??????? case "4": document.getElementById("hobby4").checked=true;? ?
??????? break;
??????? case "5": document.getElementById("hobby5").checked=true;? ?
??????? break;
??????? case "6": document.getElementById("hobby6").checked=true;? ?
??????? break;
??????? }
??????? }
??????? </script>
??? </body>
</html>