<!DOCTYPE?HTML>
<html>
????<head>
????????<meta?http-equiv="Content-Type"?content="text/html;?charset=UTF-8">
????????<title>無標(biāo)題文檔</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");
???????????
??????????//?任務(wù)1?
??????????for(i=0;i<hobby.length;i++){
??????????????if(hobby[i].type?==?"checkbox"){
??????????????????hobby[i].checked?=?true;
??????????????}
??????????}
????????????
????????}
????????function?clearall(){
????????????var?hobby?=?document.getElementsByName("hobby");
????????????
?????????//?任務(wù)2????
?????????for?(i=0;hobby.length;i++){
?????????????if(hobby[i].type?=?"checkbox"){
?????????????????hobby[i].checked?=?false;
?????????????}
?????????}
?????????
????????????
????????}
????????
?????????function?checkone(){
????????????var?hobby?=?document.getElementsByName("hobby");
????????????var?j=document.getElementById("wb").value;
????????????var?compare?=?parseInt(j,10);
????????????if(compare?<?1?||?compare?>?6?||?compare?==NaN)
????????????{
??????????????alert("請重新輸入");
??????????????document.getElementById("wb").value="";
????????????}
????????????hobby[j-1].checked=true;
????????????
????????????
????????}
????????
????????</script>
????</body>
</html>
2016-11-04
有反應(yīng)啊,輸入1-6,確定,對應(yīng)的就會(huì)選上