?<body>? ? ? ? <form>? ? ? ? ? 請(qǐng)選擇你愛好:<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>請(qǐng)輸入您要選擇愛好的序號(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;? ? ? ? ? ? ? ? }? ? ? ? ? ? ? }? ? ? ? }? ? ? ? function clearall(){? ? ? ? ? ? // 全不選? ? ? ? ? ? var hobby = document.getElementsByName("hobby");? ? ? ? ? ? for(var i=0;i<hobby.length;i++){? ? ? ? ? ? if(hobby[i].checked==true){? ? ? ? ? ? ? ? hobby[i].checked=false;? ? ? ? ? ? }? ? ? ? ? }? ? ? ? ? ??? ? ? ? }? ?? ? ? ? function checkone(){? ? ? ? ? ? //選一個(gè)? ? ? ? ? ? var num=0;? ? ? ? ? ? var j=document.getElementById("wb").value;? ? ? ? ? ? var hobby=document.getElementsByName("hobby");? ? ? ? ? ? if(j<=0||j>6){? ? ? ? ? ? ? ? alert("請(qǐng)輸入正確的數(shù)字！");? ? ? ? ? ? }else? ? ? ? ? ? {? ? ? ? ? ? hobby[j-1].checked=true;? ? ? ? ? ? }? ? ? ? ? ? for(var i=0;i<hobby.length;i++){? ? ? ? ? ? ?if(hobby[i].checked==true){? ? ? ? ? ? ? ? autoCheck("hobby",3);? ? ? ? ? ? ?}? ? ? ? ? ?}? ??? ? ? ? }? ? ? ? //? 限制單個(gè)選中的最大個(gè)數(shù)? ? ? ? function autoCheck(name,limit){? ? ? ? ? ? var hobby=document.getElementsByName(name);? ? ? ? ? ? function check()? ? ? ? ? ? {? ? ? ? ? ? ? var num=0;? ? ? ? ? ? ? for(var i=0;i<hobby.length;i++)? ? ? ? ? ? ? {? ? ? ? ? ? ? ? ?if(hobby[i].checked){num++}? ? ? ? ? ? ? ? ?if(num>limit)? ? ? ? ? ? ? ? ?{? ? ? ? ? ? ? ? ? ? return false;? ? ? ? ? ? ? ? ?}? ? ? ? ? ? ? }? ? ? ? ? ? ? return true;? ? ? ? ? ? }? ? ? ? ? ? function checkedNum(){? ? ? ? ? ? ? ?for(var i=0;i<hobby.length;i++){? ? ? ? ? ? ? ? if(!check()){? ? ? ? ? ? ? ? ? ? alert("只能選擇"+limit+"項(xiàng)哦!");? ? ? ? ? ? ? ? ? ? hobby[i].checked=false;? ? ? ? ? ? ? ? ? ? }? ? ? ? ? ? ? ? }? ? ? ? ? ? }? ? ? ? ?}? ? ? ? </script>? ? </body>
限制多選框的選中個(gè)數(shù),文本框輸入數(shù)字控制多選框的選中,到了限制該限制的時(shí)候,為什么沒反應(yīng)?謝謝！
憶寒QI
2018-07-15 09:25:37
