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

為什么運行不起?。垮e娜了

<!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(i = 0;i < 6;i++){

? ? ? ? ? ? ? ? ? ? if(hobby[i].type == "checkbox"){

? ? ? ? ? ? ? ? ? ? ? hobby[i].checked = true; ? }

? ? ? ? ? ? ? ? ? }

? ? ? ? }

? ? ? ? ? // 任務1?

? ? ? ? ? ?

? ? ? ? }

? ? ? ? function clearall(){

? ? ? ? ? ? var hobby = document.getElementsByName("hobby");

? ? ? ? ? ? ?for(k = 0;k < 6;k++)

? ? ? ? ? ?{ if(hobby[k].type == "checkbox"){

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

? ? ? ? ? ?}?

? ? ? ? ? // 任務1?

? ? ? ? ? ?

? ? ? ? }

? ? ? ? ?// 任務2 ? ?

? ? ? ? ? ??

? ? ? ? }

? ? ? ??

? ? ? ? function checkone(){

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

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

? ? ? ? ?hobby.checked=true;

? ? ? ? ?// 任務3?

? ? ? ? }

? ? ? ??

? ? ? ? </script>

? ? </body>

</html>

Yilia要多讀書

2015-12-26

源自：JavaScript進階篇 9-4

關注問題我要回答

547

操作

收起

1 回答

李曉健回答被采納 +3 積分
2015-12-26

<script?type="text/javascript">
????function?checkall(){
????????var?hobby?=?document.getElementsByTagName("input");
????????for(i?=?0;i?<?6;i++){
????????????if(hobby[i].type?==?"checkbox"){
????????????????hobby[i].checked?=?true;
????????????}
????????}
????}
????
????//}?這里多了一個}
????function?clearall(){
????????var?hobby?=?document.getElementsByName("hobby");
????????for(k?=?0;k?<?6;k++){?
????????????if(hobby[k].type?==?"checkbox"){
????????????????hobby[k].checked?=?false;
????????????}
????????}
????}

????function?checkone(){
????????var?j=document.getElementById("wb").value;
????????var?hoddy=document.getElementById("hobby"+j);
????????//這里?hoddy?寫成了?hobby
????????hoddy.checked=true;
????}

</script>

看注釋