我想通過按鈕指選中一個復選框應該怎么做
<!DOCTYPE HTML>
<html>
? ? <head>
? ? ? ? <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
? ? ? ? <title>無標題文檔</title>
? ? </head>
? ??
? ? <body>
? ? ? ? <form>
? ? ? ? ? 請選擇你愛好:<br>
? ? ? ? ? <input type="checkbox" name="hobby1" 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 myname = document.getElementsByName("hobby1");
? ? ? ? ? ?
? ? ? ? ? ? ? ? myname.checked=true;
? ? ? ? ? ??
? ? ? ? }
? ? ? ? function clearall(){
? ? ? ? ? ? var hobby = document.getElementsByName("hobby");
? ? ? ? ? ? for(i=0;i<hobby.length;i++){
? ? ? ? ? ? ? ? hobby[i].checked=false;
? ? ? ? ? ? }
? ? ? ? ? ??
? ? ? ? ?// 任務2 ? ?
? ? ? ? ? ??
? ? ? ? }
? ? ? ??
? ? ? ? function checkone(){
? ? ? ? ? ? var j=document.getElementById("wb").value;
? ? ? ??
? ? ? ? ?// 任務3
? ? ? ??
? ? ? ? }
? ? ? ??
? ? ? ? </script>
? ? </body>
</html>
為什么這樣想寫沒反應,但是加個for循環就有反應了 - -- - - -
2016-12-01
你這樣? ? var myname = document.getElementsByName("hobby1");
????????????? myname.checked=true;
不行,
document.getElementsByName("hobby1");
返回的是一個數組,因為Name是可以重復的,雖然你這里只有一個name為hobby1復選框,他也是默認返回數組的,即一個元素的數組==>myname是一個只有一個元素的數組。
var myname = document.getElementsByName("hobby1");
????????????? myname[0].checked=true; 就行了
2016-12-01
話說,復選框不是可以點擊單選的嗎。。。。干嘛還要另外做按鈕。。。。。