Re: [問題] checkbox全選

看板Web_Design作者 (跪求水桶)時間16年前 (2008/03/24 19:00), 編輯推噓1(102)
留言3則, 2人參與, 最新討論串4/5 (看更多)
※ 引述《DrGod (跪求水桶)》之銘言: : ※ 引述《flamelad (是的,總有一天)》之銘言: : : 因應sql中資料不定,我是用checkbox陣列。那在javascript中,怎麼寫才能全選? : : <form id ="form1"> : : <input type="checkbox" name="ckb[]"> : : <input type="button" name="all_case" value="全選" onClick="(all_case());"> : : ---以上html-------以下javascript-- : : function all_case() : : { : : for(var i =1 ; i<=total_box;i++) : : document.form1.ckb[i].checked = true; : : } : : 以上是超簡潔程式碼段落 XD 我寫這樣,按了一點反應也不給 囧 有啦,出錯 XD : <script> : function all_case(){ : var sCkbId; : for(var i=1;i<4;i++){ : sCkbId="ckb"+i; : document.getElementById(sCkbId).checked=true; : } : } : </script> : <form> : <input type="checkbox" id="ckb1"> : <input type="checkbox" id="ckb2"> : <input type="checkbox" id="ckb3"> : <input type="button" id="btn1" value="all" onclick="javascript:all_case();"> : </form> checkbox不固定,可以像下面一樣 所有checkbox統一name就可以 <script> function all_case(){ var oCkb=document.getElementsByName("ckb1"); for(var i=0;i<oCkb.length;i++){ oCkb[i].checked=true; } } </script> <form> <input type="checkbox" name="ckb1"> <input type="checkbox" name="ckb1"> <input type="checkbox" name="ckb1"> <input type="button" value="all" onclick="javascript:all_case();"> </form> -- 測測你的反應速度 http://www.numino.net/cs/szfys.asp -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 58.221.1.141

03/24 19:02, , 1F
多謝:) 不過我想知道若是用我原本產生checkbox的陣列方式
03/24 19:02, 1F

03/24 19:04, , 2F
有辦法寫出全選嗎@@?
03/24 19:04, 2F

03/24 19:05, , 3F
這樣應該可以全選的
03/24 19:05, 3F
文章代碼(AID): #17vucqGD (Web_Design)
討論串 (同標題文章)
文章代碼(AID): #17vucqGD (Web_Design)