                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /JavaScript進階篇

求各位大佬看看我的代碼為什么不可以QAQ

<!DOCTYPE HTML>
<html>
??? <head>
??????? <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
??????? <title>無標題文檔</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<6;i++){
?????????????? hobby[i].checked=true;
??????????
????????? // 任務1
??????????
??????? }
??????? function clearall(){
??????????? var hobby = document.getElementsByName("hobby");
??????????? hobby.checked=false;
???????? // 任務2???
???????????
??????? }
???????
??????? function checkone(){
??????????? var j=document.getElementById("wb").value;
??????????? var i=document.getElementById("wb");
??????? switch (j){
??????????? case 1:{
??????????????? var a1=document.getElementById("hobby1").checked;
??????????????? a1="checked";
??????????? }
??????????? case 2:{
??????????????? var a1=document.getElementById("hobby2").checked;
??????????????? a1="checked";
??????????? }
??????????? case 3:{
??????????????? var a1=document.getElementById("hobby3").checked;
??????????????? a1="checked";
??????????? }
??????????? case 4:{
??????????????? var a1=document.getElementById("hobby4").checked;
??????????????? a1="checked";
??????????? }
??????????? case 5:{
??????????????? var a1=document.getElementById("hobby5").checked;
??????????????? a1="checked";
??????????? }
??????????? case 6:{
??????????????? var a1=document.getElementById("hobby6").checked;
??????????????? a1="checked";
??????????? }
???????????
??????? }
???????? // 任務3
???????
??????? }
???????
??????? </script>
??? </body>
</html>

yikx

2019-01-29

源自：JavaScript進階篇 9-4

關注問題我要回答

977

操作

收起

2 回答

夜楓Y 回答被采納 +2 積分
2019-01-30

<!DOCTYPE?HTML>
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8">
<title>無標題文檔</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");
//?任務1
for?(var?i?=?0;?i?<?6;?i++)?{
????hobby[i].checked?=?true;
???}
}

function?clearall()?{
var?hobby?=?document.getElementsByName("hobby");
//?任務2
for?(var?i?=?0;?i?<?6;?i++)?{
????hobby[i].checked?=?false;
???}
}

function?checkone()?{
var?j?=?parseInt(document.getElementById("wb").value);
//?任務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>

改成這樣就好了