課程
/前端開發
/JavaScript
/JavaScript進階篇
怎樣在第二次輸入序號后，取消第一次的選項，只選第二次的序號
2017-10-11
源自：JavaScript進階篇 9-4
正在回答
直接調用clearall()這個函數
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<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;
? ? ? ? ? ? } ?
? ? ? ? }
? ? ? ? function clearall(){
? ? ? ? ? ? var hobby = document.getElementsByName("hobby");
? ? ? ? ? ? ? ? hobby[i].checked = false;
? ? ? ? ? ? }?
? ? ? ? function checkone(){
? ? ? ? ? ? var j=document.getElementById("wb");
? ? ? ? ? ? if(parseInt(j.value)>hobby.length||parseInt(j.value)<1){
? ? ? ? ? ? ? ? alert("請輸入正確的數值");
? ? ? ? ? ? ? ? j.value = "";
? ? ? ? ? ? }else{
? ? ? ? ? ? ? ?}
? ? ? ? ? ? hobby[parseInt(j.value)-1].checked=true;
? ? ? ? ? ? j.value = "";
? ? ? ? ? ? }
? ? ? ? </script>
? ? </body>
</html>
舉報
本課程從如何插入JS代碼開始，帶您進入網頁動態交互世界
4 回答第二次篩選不輸出
2 回答關于第二次篩選
2 回答第二次篩選arr怎么獲取到infos的
2 回答第二次篩選用switch怎么寫
2 回答求問第二次篩選為何不輸出？
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2017-10-23
直接調用clearall()這個函數
2017-10-17
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<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;
? ? ? ? ? ? } ?
? ? ? ? }
? ? ? ? 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");
? ? ? ? ? ? if(parseInt(j.value)>hobby.length||parseInt(j.value)<1){
? ? ? ? ? ? ? ? alert("請輸入正確的數值");
? ? ? ? ? ? ? ? j.value = "";
? ? ? ? ? ? }else{
? ? ? ? ? ? for(var i=0;i<hobby.length;i++){
? ? ? ? ? ? ? ? hobby[i].checked = false;
? ? ? ? ? ? ? ?}
? ? ? ? ? ? hobby[parseInt(j.value)-1].checked=true;
? ? ? ? ? ? j.value = "";
? ? ? ? ? ? }
? ? ? ? }
? ? ? ? </script>
? ? </body>
</html>