如何实现CheckBox的特殊情况下的全选

Question

既然好在该行，你为什么不让每行的checkbox使用不同的名字？

Answer 1

楼主可以给每个tr设一个id，然后用document.getElementById("trid").getElementsByTagName("input")得到该tr中input的集合，然后再循环选中

Answer 2

<script language="JavaScript">
<!--
function checkAll(src, dest)
{
for(var i = 0; i < dest.length; i++)
{
dest[i].checked = src.checked;
}
}
-->
</script><table width="100%" border="1" cellspacing="0" cellpadding="0">
<form name="abc">
  <tr>
  <td>基本信息</td>
    <td>添加
      <input name="contrl1" type="checkbox" value="checkbox"></td>
      <td>修改
        <input name="contrl1" type="checkbox" value="checkbox"></td>
      <td>删除
        <input name="contrl1" type="checkbox" value="checkbox"></td>
      <td><input name="contrlA1" type="checkbox" onclick="checkAll(abc.contrlA1, abc.contrl1);"><a href="#" onclick="abc.contrlA1.checked=!abc.contrlA1.checked;checkAll(abc.contrlA1, abc.contrl1);">全选</a></td>
  </tr>
  <tr>
      <td>办证信息</td>
      <td>添加
        <input name="contrl2" type="checkbox" value="checkbox"></td>
      <td>修改
        <input name="contrl2" type="checkbox" value="checkbox"></td>
      <td>删除
        <input name="contrl2" type="checkbox" value="checkbox"></td>
      <td><input name="contrlA2" type="checkbox" onclick="checkAll(abc.contrlA2, abc.contrl2);"><a href="#" onclick="abc.contrlA2.checked=!abc.contrlA2.checked;checkAll(abc.contrlA2, abc.contrl2);">全选</a></td>
  </tr>
  <tr>
      <td>社保信息</td>
      <td>添加
        <input name="contrl3" type="checkbox" value="checkbox"></td>
      <td>修改
        <input name="contrl3" type="checkbox" value="checkbox"></td>
      <td>删除
        <input name="contrl3" type="checkbox" value="checkbox"></td>
      <td><input name="contrlA3" type="checkbox" onclick="checkAll(abc.contrlA3, abc.contrl3);"><a href="#" onclick="abc.contrlA3.checked=!abc.contrlA3.checked;checkAll(abc.contrlA3, abc.contrl3);">全选</a></td>
  </tr>
  </form>
</table>

Answer 3

<table width="100%" border="1" cellspacing="0" cellpadding="0">
<form name="abc">
  <tr>
  <td>基本信息</td>
    <td>添加
      <input name="contrl" type="checkbox"  value="checkbox"></td>
      <td>修改
        <input name="contrl" type="checkbox"  value="checkbox"></td>
      <td>删除
        <input name="contrl" type="checkbox"  value="checkbox"></td>
      <td onclick="selectedAll()">全选</td>
  </tr>
  <tr>
      <td>办证信息</td>
      <td>添加
        <input name="contrl" type="checkbox" value="checkbox"></td>
      <td>修改
        <input name="contrl" type="checkbox"  value="checkbox"></td>
      <td>删除
        <input name="contrl" type="checkbox"  value="checkbox"></td>
      <td onclick="selectedAll()">全选</td>
  </tr>
  <tr>
      <td>社保信息</td>
      <td>添加
        <input name="contrl" type="checkbox"  value="checkbox"></td>
      <td>修改
        <input name="contrl" type="checkbox" value="checkbox"></td>
      <td>删除
        <input name="contrl" type="checkbox" value="checkbox"></td>
      <td onclick="selectedAll()">全选</td>
  </tr>
  </form>
</table>
<script>
function selectedAll() {
var wtd=event.srcElement.parentElement;
var winput=wtd.getElementsByTagName("INPUT");
for(var i=0;i<winput.length;i++) 
 winput[i].checked=true;  
}
</script>id是唯一的，有了name
把id给去了。。