<!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");
????????????for(var?i=0;i<hobby.length;i++){
????????????????hobby[i].checked=true;
????????????????
????????????}
??????????//?任務1?
???????????
????????}
????????function?clearall(){
????????????var?hobby?=?document.getElementsByName("hobby");
????????????//alert(hobby.length);
????????????for(var?i=0;i<hobby.length;i++){
????????????????hobby[i].checked=false;
????????????}
?????????//?任務2????
????????????
????????}
????????
????????function?checkone(){
????????????clearall();
????????????var?hobby?=?document.getElementsByName("hobby");
????????????var?j=document.getElementById("wb").value;
????????????for(var?i=0;i<j.length;i++){????????????//從這里開始就不太懂
????????????????if(j.charAt(i)>6?||?j.charAt(i)<1){
????????????????????alert("越界,請重新輸入！");
????????????????????document.getElementById("wb").value="";
????????????????}
????????????}
????????????????for(var?n=0;n<j.length;n++){
???????????????????
????????????????????????hobby[(j.charAt(n))-1].checked=true;?
????????????????}
????????????//任務3
????????????
????????}
????????
????????</script>
????</body>
</html>
2015-09-11
我在這里也是有點頭大
2015-07-27
是這樣的從你不懂得那個地方開始
for循環(huán)中的j.length是指你輸入得數(shù)的長度，比如說你輸了個156那么這個j.length就是3，至于后面的那個j.charAt()這個在7-7中講過，提取字符。所以這個for循環(huán)就是將輸入的數(shù)一個個提取，判斷范圍。
第二個for循環(huán)就是給所選的box賦值true咯。還是以輸入156為栗子,j.length為3，而hobby[0]=hobby1,hobby[1]=hobby2，以此類推咯。
這樣應該懂了吧。。。