可正常運行，想看看不同方法的操作
<!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");
? ? ? ? ? ? ?// 任務1?
? ? ? ? ? for(var i=0;i<hobby.length;i++){
? ? ? ? ? ? ? if(hobby[i].type=="checkbox"){
? ? ? ? ? ? ? ? ? hobby[i].checked=true;
? ? ? ? ? ? ? }? ? ? ? ? ? ??
? ? ? ? ? }? ? ? ? ? ?
? ? ? ? }
? ? ? ? function clearall(){
? ? ? ? ? ? var hobby = document.getElementsByName("hobby");? ? ? ? ? ??
? ? ? ? ?// 任務2?
? ? ? ? for(var j=0;j<hobby.length;j++){
? ? ? ? ? ? if(hobby[j].type="checkbox"){
? ? ? ? ? ? ? ? hobby[j].checked=false;
? ? ? ? ? ? }
? ? ? ? }? ? ? ? ? ??
? ? ? ? }? ? ? ??
? ? ? ? function checkone(){
? ? ? ? ? ? var j=document.getElementById("wb").value;
? ? ? ? ? ? var inpu=document.getElementsByTagName("input");? ? ? ??
? ? ? ? ?// 任務3
? ? ? ? ?for(var n=0;n<inpu.length;n++){
? ? ? ? ? ? ?if(j==(n+1)){
? ? ? ? ? ? ? ? ?inpu[n].checked=true;
? ? ? ? ? ? ?}else{? ? ? ? ? ? ? ? ?
? ? ? ? ? ? ?}? ? ? ??
? ? ? ? ? ??
? ? ? ? ?}
? ? ? ??
? ? ? ? }
? ? ? ??
? ? ? ? </script>
? ? </body>
</html>
2019-09-06
<script?type="text/javascript"> ??function?checkall?()?{ ????var?hobby?=?document.getElementsByTagName('input') ????for?(var?i?=?0;?i?<?hobby.length;?i++)?{ ??????tagsName?=?hobby[i] ??????if?(tagsName.type?==?'checkbox')?{ ????????tagsName.checked?=?true ??????} ????} ??} ??function?clearall?()?{ ????var?hobby?=?document.getElementsByName('hobby') ????for?(var?i?=?0;?i?<?hobby.length;?i++)?{ ??????tagsName?=?hobby[i] ??????if?(tagsName.type?==?'checkbox'?&&?tagsName.checked?==?true)?{ ????????tagsName.checked?=?false ??????} ????} ??} ??function?checkone?()?{ ????var?j?=?document.getElementById('wb').value ????if?(0?<?j?<=?6)?{ ??????tagId?=?'hobby'?+?j ??????var?hobby?=?document.getElementById(tagId) ??????hobby.checked?=?true ????} ??} </script>2019-08-25
<!DOCTYPE HTML>
<html>
<head>
? ? <meta charset="utf-8">
? ? <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");
? ? ? // 任務1
? ? ? for (var i = 0; i <= hobby.length - 1; i++) {
? ? ? ? if (hobby[i]['name'] == 'hobby') {
? ? ? ? ? hobby[i].checked = true;
? ? ? ? }
? ? ? }
? ? }
? ? function clearall(){
? ? ? var hobby = document.getElementsByName("hobby");
? ? ? // 任務2
? ? ? for (var i = 0; i <= hobby.length - 1; i++) {
? ? ? ? hobby[i].checked = false;
? ? ? }
? ? }
??
? ? function checkone(){
? ? ? var j=document.getElementById("wb").value;
? ? ? // 任務3
? ? ? document.getElementById("hobby"+j).checked = true;
? ? }
? </script>
</body>
</html>