跟同學(xué)代碼核對過了沒有問題,為什么運行不出來
<!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++){
??????????????? if(hobby[i].style=='checkbox'){
??????????????????? hobby[i].checked=true;
??????????????? }
??????????? }
????????? // 任務(wù)1
??????????
??????? }
??????? function clearall(){
??????????? var hobby = document.getElementsByName("hobby");
??????????? for(var i=0;i<hobby.length;i++){
??????????????? hobby[i].checked=false;
??????????? }
???????????
???????? // 任務(wù)2???
???????????
??????? }
??????? var hobby3=document.getElementsByName("hobby");
??????? function checkone(){
??????????? clearall();
??????????? var j=document.getElementById("wb").value;
??????????? var hobby3=document.getElementsByName("hobby");
??????????? 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;
???????
???????? // 任務(wù)3
???????
??????? }
???????
??????? </script>
??? </body>
</html>
2019-01-30
任務(wù)三中的
改成
2019-01-30
任務(wù)一中的if 判定應(yīng)為 (hobby[i].type == "checkebox")