算法大佬們看看還有什么更好的寫法沒(méi)？
<!DOCTYPE HTML>
<html>
??? <head>
??????? <meta http-equiv="Content-Type" content="text/html; charset=utf8">
??????? <title>無(wú)標(biāo)題文檔</title>
??? </head>
?? ?
??? <body>
??????? <form>
????????? 請(qǐng)選擇你愛(ài)好:<br>
????????? <input type="checkbox" name="hobby" id="hobby1">? 音樂(lè)
????????? <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>請(qǐng)輸入您要選擇愛(ài)好的序號(hào)，序號(hào)為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].type=="checkbox"){
??????????????????? hobby[i].checked=true;? ?
??????????????????? }????????????? ?
??????????????? }
??????????? }// 任務(wù)1? ?
??????? function clearall(){
??????????? var hobby = document.getElementsByName("hobby");
??????????? for (i=0;i<hobby.length;i++) {
?????????? ??? ?if (hobby[i].type=="checkbox") {
?????????? ??? ??? ?hobby[i].checked=false;
?????????? ??? ?}
??????????? }
???????? // 任務(wù)2?? ?
??????? }
?????? ?
??????? function checkone(){
??????????? var j=document.getElementById("wb").value;
??????????? var hobby = document.getElementsByName("hobby");
??????????? switch(j){
?????????? ??? ?case "1":hobby[0].checked=true;break;
?????????? ??? ?case "2":hobby[1].checked=true;break;
?????????? ??? ?case "3":hobby[2].checked=true;break;
?????????? ??? ?case "4":hobby[3].checked=true;break;
?????????? ??? ?case "5":hobby[4].checked=true;break;
?????????? ??? ?case "6":hobby[5].checked=true;break;
??????????? }??? // 任務(wù)3?
??????? }
????? ?
??????? </script>
??? </body>
</html>
2018-08-02
如果從name獲取元素，就不用if判斷了，只有復(fù)選的name是"hobby"。最后一個(gè)函數(shù)：function checkone(){
??????????? var j=document.getElementById("wb").value;
??????????? document.getElementById("hobby"+j).checked=true;
輸入j，就該ID"hobbyj"的屬性，這樣寫更簡(jiǎn)單。
2022-03-23
你的函數(shù)沒(méi)有調(diào)用，所以沒(méi)出現(xiàn)效果姐，我能說(shuō)你才發(fā)現(xiàn)嗎
2018-08-02
任務(wù)二不需要判斷
? ? ? ? function clearall(){
? ? ? ? ? ? var hobby = document.getElementsByName("hobby");
? ? ? ? ?// 任務(wù)2?
? ? ? ? ? ?for(var i=0;i<hobby.length;i++){
? ? ? ? ? ? ? ? ? hobby[i].checked=false;
? ? ? ? ? ?}
? ? ? ? }
以及?document.getElementById("hobby"+j).checked=true; 已經(jīng)有大佬說(shuō)過(guò)了。?
2018-08-02
function?checkone(){ ????????????var?j=document.getElementById("wb").value; ?????????//?任務(wù)3 ????????????var?i?=?j?-?1; ????????????hobby[i].checked?=?true; ????????}