作者DrGod (跪求水桶)
看板Web_Design
标题Re: [问题] checkbox全选
时间Mon Mar 24 18:59:59 2008
※ 引述《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
1F：推 flamelad:多谢:) 不过我想知道若是用我原本产生checkbox的阵列方式 03/24 19:02
2F：→ flamelad:有办法写出全选吗@@? 03/24 19:04
3F：→ DrGod:这样应该可以全选的 03/24 19:05