                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /JavaScript進(jìn)階篇

編輯器長成這樣咋寫代碼

啥也看不清

Eurek

2017-06-23

源自：JavaScript進(jìn)階篇 9-4

關(guān)注問題我要回答

612

操作

收起

1 回答

精慕門8185332 回答被采納 +3 積分
2017-06-23

<!DOCTYPE html>
<html>
<head lang="en">
? ?<meta charset="UTF-8">
? ?<title></title>
</head>
<body>
? ?<form>
請選擇你愛好:<br>
? ? ? ?<input type="checkbox" name="hobby" id="hobby1" value="1">音樂
? ? ? ?<input type="checkbox" name="hobby" id="hobby2" value="2">登山
? ? ? ?<input type="checkbox" name="hobby" id="hobby3" value="3">游泳
? ? ? ?<input type="checkbox" name="hobby" id="hobby4" value="4">閱讀
? ? ? ?<input type="checkbox" name="hobby" id="hobby5" value="5">打球
? ? ? ?<input type="checkbox" name="hobby" id="hobby6" value="6">跑步 <br>
? ? ? ?<input type="button" value = "全選" onclick = "checkall();">
? ? ? ?<input type="button" value = "全不選" onclick = "clearall();">
? ? ? ?<p>請輸入您要選擇愛好的序號(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">
var hobby = document.getElementsByName("hobby");
function checkall(){
? ? ? ? ? ?for(var i=0;i<hobby.length;i++){
? ? ? ? ? ? ? ?hobby[i].checked = true;
}
? ? ? ?}
? ? ? ?function clearall(){

? ? ? ? ? ?for(var i=0;i<hobby.length;i++){
? ? ? ? ? ? ? ?hobby[i].checked = false;
}

? ? ? ?}

? ? ? ?function checkone(){
? ? ? ? ? ?var txtVal = document.getElementById("wb").value;
for(var i=0;i<hobby.length;i++){
? ? ? ? ? ? ? ?if(hobby[i].value == txtVal){
? ? ? ? ? ? ? ? ? ?hobby[i].checked = true;
}
? ? ? ? ? ?}

? ? ? ? ? ?// 任務(wù)3

}

? ?</script>
</body>
</html>