同學代碼任務三
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;?
? ? ? ? ? ? ? ? }
? ? ? ? ? ??
? ? ? ? ? ??
? ? ? ? }
求大神講解一下
2016-12-24
function?checkone(){???????????? ????????????clearall();????????//清除所有已選的項目 ????????????var?hobby?=?document.getElementsByName("hobby");??//得到所有的以hobby命名的選項 ????????????var?j=document.getElementById("wb").value;???//得到輸入的值 ????????????for(var?i=0;i<j.length;i++){??????????//循環，得到輸入值的長度 ????????????????if(j.charAt(i)>6?||?j.charAt(i)<1){????//如果循環的值第一次出現大于6或小于1 ????????????????????alert("越界,請重新輸入！");??????????//則越界，輸入有誤 ????????????????????document.getElementById("wb").value="";?//重置輸入框的值 ????????????????} ????????????} ????????????????for(var?n=0;n<j.length;n++){??????//循環，小于輸入值（已判斷合法）的長度，一個一個試 ??????????????????? ????????????????????????hobby[(j.charAt(n))-1].checked=true;?//所有選項【（輸入框中第一出現位置（循環值））減一】的選中為真。 ????????????????} ???????????? ???????????? ????????}個人看法，不知道我講清楚了沒~
2017-01-09
<!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");
? ? ? ? ? ? for(var i=0;i<hobby.length;i++)
? ? ? ? {
? ? ? ? ? ? hobby[i].checked=false;
? ? ? ? }
? ? ? ? }? ? ? ?
? ? ? ? function checkone(){
? ? ? ? ? ? var hobby = document.getElementsByName("hobby");
? ? ? ? ? ? var j=document.getElementById("wb").value;
? ? ? ? hobby[j-1].checked=true;
? ? ? ? if(j<1||j>6)
? ? ? ? {
? ? ? ? ? ? alert("請輸入正確的數字！");
? ? ? ? }?
? ? ? ? }??
? ? ? ? </script>
? ? </body>
</html>