請各位大佬幫忙,這錯哪了
<!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++){
?????????????? if(hobby[i].type=="checkbox"){
?????????????????? hobby[i].checked=true;
?????????????? }
?????????? }
????????? // 任務1
???????????
??????? }
??????? function clearall(){
??????????? var hobby = document.getElementsByName("hobby");
????????? for(var i=0;i<6;i++){
?????????????? if(hobby[i].type=="checkbox"){
?????????????????? hobby[i].checked=false;?
???????? // 任務2???
???????????
??????? }
???????
??????? function checkone(){
??????????? var j=document.getElementById("wb").value;
??????????? 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;
?? }
???????? // 任務3
???????
??????? }
???????
??????? </script>
??? </body>
</html>
2019-03-02
把任務三switch里面的1,2,3,4,5,6全部改成"1","2","3","4","5","6"
2019-02-19
第三種試試這個
function checkone(){
? ? ? ? ? ? var j=document.getElementById("wb").value;
? ? ? ??
? ? ? ? ?// 任務3
? ? ? ? ? ? var newi = parseInt(j);
? ? ? ? ? ? var arr = document.getElementsByName("hobby");
? ? ? ? ? ? if(newi >arr.length)
? ? ? ? ? ? {
? ? ? ? ? ? ? ? alert("超出邊界!!!")
? ? ? ? ? ? }else
? ? ? ? ? ? {
? ? ? ? ? ? ? ? //通過序號, 去數組里面遍歷尋找
? ? ? ? ? ? ? ? for(var i=0;i<arr.length;i++)
? ? ? ? ? ? ? ? {
? ? ? ? ? ? ? ? ? ? arr[i].checked = false;
? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? //
? ? ? ? ? ? ? ? arr[newi-1].checked = true;
? ? ? ? ? ? }
? ? ? ? ? ??
? ? ? ? ? ? // document.write(arr);
? ? ? ? ? ? // document.getElementByName("hobby").[newi].checked == true;
? ? ? ? }
2019-02-03
任務一TagName為Input的不止6個,還是全部遍歷比較好
任務三種?function checkone(){
??????????? var j=document.getElementById("wb").value;。應該用parseInt()函數把字符串類型的數字轉化為int類型