日期:2014-05-16  浏览次数:20363 次

关于javascript控制checkbox复选框的问题
我用asp+access写的一代码,输出的一组数据(在表格内):

有三列,每一列都有一个复选框

□id1         □a1         □b1
□id2         □a2         □b3
□id3         □a3         □b4
…………

另外下面还有一个
              □all

我想实现id1控制a1、b1
id2控制a2、b2……
以此类推,同时用下面的all复选框控制整个form所有的复选框,该怎么写,麻烦大虾们给点代码!

------解决方案--------------------

<form name=frm >
<br> <input type=checkbox name=01 value=01> ALL
<br> <input type=checkbox name=0100 value=0100> A <input type=checkbox name=010001 value=010001> a1 <input type=checkbox name=010002 value=010002> a2
<br> <input type=checkbox name=0101 value=0101> B <input type=checkbox name=010101 value=010101> b1 <input type=checkbox name=010102 value=010102> b2
</form>
<script>
function document.onclick(){
var e=window.event.srcElement;
var o=document.getElementsByTagName( "input ")
if(e.type!= "checkbox ")return;
if(e.checked&&e.name!== "ALL "){
for(i=0;i <o.length;i++)
if(o[i].type== "checkbox "&&e.name==o[i].name.substr(0,e.name.length))o[i].checked=true;
}else{
for(i=0;i <o.length;i++)
if(o[i].type== "checkbox "&&e.name==o[i].name.substr(0,e.name.length)&&o[i].checked)o[i].checked=false;
}
}
</script>