我有一个form,多个table,请问一个单击其中一个table的checkbox，实现这个table全选的问题

是不是如果每个table里的checkbox名字相同就不行了?我想实现这个table里的checkbox被选中,其它table里有单独的全选

一般不都是
for(var i=0; i<document.all.xuan.length; i++)
{
document.all.xuan[i].checked == true
}
这样,我所有的,即使其他table里的checkbox不是也被选中了嘛
不好意思,我js不熟, 麻烦了

<table id=aa>
....
.....
<tr>
<td onclick="sAll( 'aa' )">select all</td>
</tr>
</table>function sAll( sID )
{
var the = document.all[ sID ].getElementsByTagName ( "INPUT" )
for( var i = 0 ; i < the.length ; i++ )
{
  if( the[ i ].type == "checkbox" )
  {
    the[ i ].checked = true ;
   }
}
}

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script>
function setCheck(i)
{
for(var j=0;j<=document.getElementsByName("chk"+i).length-1;j++)
{
document.getElementsByName("chk"+i)[j].checked=!document.getElementsByName("chk"+i)[j].checked;
}
if(document.getElementById("a"+i).innerHTML=="全选")
{
document.getElementById("a"+i).innerHTML="反选";
}
else
{
document.getElementById("a"+i).innerHTML="全选";
}
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<body>
<table id="tab1" border="1px">
<tr>
<td><input name="chk1" type="checkbox" value="">df</td>
<td><input name="chk1" type="checkbox" value="">df</td>
<td><input name="chk1" type="checkbox" value="">df</td>
</tr>
<tr>
<td><input name="chk1" type="checkbox" value="">df</td>
<td><input name="chk1" type="checkbox" value="">df</td>
<td><input name="chk1" type="checkbox" value="">df</td>
</tr>
<tr>
<td colspan="3"><a href="#" id="a1" onClick="setCheck(1)">全选</a></td>
</tr>
</table>
<table id="tab2" border="1px">
<tr>
<td><input name="chk2" type="checkbox" value="">df</td>
<td><input name="chk2" type="checkbox" value="">df</td>
<td><input name="chk2" type="checkbox" value="">df</td>
</tr>
<tr>
<td><input name="chk2" type="checkbox" value="">df</td>
<td><input name="chk2" type="checkbox" value="">df</td>
<td><input name="chk2" type="checkbox" value="">df</td>
</tr>
<tr>
<td colspan="3"><a href="#" id="a2" onClick="setCheck(2)">全选</a></td>
</tr>
</table>
<table id="tab3" border="1px">
<tr>
<td><input name="chk3" type="checkbox" value="">df</td>
<td><input name="chk3" type="checkbox" value="">df</td>
<td><input name="chk3" type="checkbox" value="">df</td>
</tr>
<tr>
<td><input name="chk3" type="checkbox" value="">df</td>
<td><input name="chk3" type="checkbox" value="">df</td>
<td><input name="chk3" type="checkbox" value="">df</td>
</tr>
<tr>
<td colspan="3"><a href="#" id="a3" onClick="setCheck(3)">全选</a></td>
</tr>
</table>
</body>
</html>

为什么都喜欢用这个document.all
难道别人的程序都是只在IE下面跑吗?

没错，鄙视 document.all。<table>
<tr><td><input type="checkbox" name="check1" /></td></tr>
<tr><td><input type="checkbox" name="check1" /></td></tr>
<tr><td><input type="checkbox" name="check1" /></td></tr>
<tr><td><a href="javascript:checkAll('check1')">全选</a></td></tr>
</table>
...
function checkAll(name) {
    var checks = document.getElementsByName(name);
    for (var check in checks) {
        if (check.tagName == "input" && check.checked) {
            check.checked = true;
        }
    }
}

上次不算，这次才算<script type="text/javascript">
function checkAll(name) {
var checks = document.getElementsByName(name);
for (var i = 0; i < checks.length; i++) {
var check = checks.item(i);
if (check.tagName == "INPUT") {
check.checked = true;
}
}
}
</script><table>
<tr><td><input type="checkbox" name="check1" /></td></tr>
<tr><td><input type="checkbox" name="check1" /></td></tr>
<tr><td><input type="checkbox" name="check1" /></td></tr>
<tr><td><a href="javascript:checkAll('check1')">全选</a></td></tr>
</table>

为什么都喜欢用这个document.all
难道别人的程序都是只在IE下面跑吗?
--------------------------
因为document.all好,因为DOM里应该有这么个集合,因为W3C标准不合理.
当然,顺便还要说一句,FF也是支持document.all的,虽然它号称支持W3C.FF里还有很多不按W3C作的功能,真要按W3C作出来的浏览器,连IE4都不如,完全是科技的倒退.

而且,用document.all还是用document.getElementById取表格,这并不重要.
重要,楼主需要的功能是把某一个表格(可能还有其它表格)里的checkbox全选中.最合理的办法是theTable.getElementByTagName( "INPUT" )...
楼上你们的代码似乎都是全选页面里的复选框吧.

而且,用document.all还是用document.getElementById取表格,这并不重要.
重要,楼主需要的功能是把某一个表格(可能还有其它表格)里的checkbox全选中.最合理的办法是theTable.getElementByTagName( "INPUT" )...
楼上你们的代码似乎都是全选页面里的复选框吧.-----------------------------------------虽然楼上的代码并不能实现楼主所要的功能,可就这个DOCUMENT.ALL,我还是有话要说了!!
DOCUMENT.ALL好,好在哪,说个具体的理由出来,如果你要用这个来做程序的话,那么你的程序也许就只能在IE和FF上面跑了,现在有好多人都在用NETSCAPE,和其它操作系统的浏览器,你能说你的DOCUNMENT.ALL 好吗?
如果楼主说他的程序只在IE下面跑,那么你可以尽可能的使用简单的方法来做,但楼主说了吗?
不要说什么简单,什么就好.想想在实际应用吧!!

document.all能反应出元素的集合,当然是很好的东西.
W3C没把这个放到标准里去,那是W3C不好.
NETSCAPE不支持,那是NETSCAPE不好.假如大家都按最弱的浏览器去写代码,那相当于科技倒退多少年?没什么代码能彻底兼容所有(!)的浏览器,IE4你兼容吗?IE3你兼容吗?哪天老兄你作一款功能并不强的浏览器出来,难道大家的代码也要兼容吗?在这个时候就要权衡利弊,考虑这部分人群,是适应他们,还是说服他们去用IE浏览器.
假如你的网站有30000个人用IE,有2个人用FF,1个用NETSCAPE,那为了他们而放弃一些好浏览器才能实现的功能,那对那30000个人公平吗?
对网站的运营是利大于弊还是相反呢?

var table = document.getElementById("tableid");
var checked = document.getElementById("chkSelectAll");
var elems = table.getElementsByTagName("INPUT");
for(var i=0;i<elems.length;i++){
  if(elems[i].type == 'checkbox'){
     elems[i].checked = checked;
  }
}

定义id时候有点规律就行。
然用getElementById拿。

调试易

我有一个form,多个table,请问一个单击其中一个table的checkbox，实现这个table全选的问题

解决方案 »