如何实现表格中的checkbox的全选？

Question

<script>  
function  CheckAll()  
{  
   for(var  i=0;i<document.frmResult.elements.length;i++){  
       var  e=document.frmResult.elements[i];  
       if  (e.name  !=  'chkall')  
             e.checked  =  document.frmResult.chkall.checked;  
   }  
}  
</script>  
<form  name=frmResult  action=clear_fav.php  method=get>  
<input  type=checkbox  value=checkbox1  value="1">  
<input  type=checkbox  value=checkbox1  value="2">  
<input  type=checkbox  value=checkbox1  value="3">  
<input  type=checkbox  value=checkbox1  value="4">  
<input  type=checkbox  value=checkbox1  value="5">  
<input  type=checkbox  value=checkbox1  value="6">  
<br>  
<INPUT  onclick=CheckAll()  type=checkbox  name=chkall>  
                           全部选中<br>  
</form>

Answer 1

for(c=0;c<form.length;c++)
{
  if(form.elements[c].type=="checkbox") form.elements[c].click();
}

Answer 2

是在一个table里面啊，有行有列的那种，而且这个table是在form里的

Answer 3

那把你的html代码贴出来。好照着你的html来写js嘛

Answer 4

跟在哪儿木关系，只要是在form里就行

Answer 5

跟在哪儿木关系，只要是在form里就行

Answer 6

var a=document.getElementsByTagName("input")
for(var i=0;i<a.length;i++){
   if(a.type=="checkbox"){
    a[i].checked=true;
}
}
和他在不在table里没关系

Answer 7

<script language="javascript">
function chk(c)
{
for (var i = 0; i < tbl.cells.length; i++)
{
    if (tbl.cells[i].childNodes[0].type == "checkbox")
        tbl.cells[i].childNodes[0].checked = c.checked;
}
}
    </script>    <table border="1" id=tbl>
        <tr>
            <td>
                <input type="checkbox" /></td>
        </tr>
        <tr>
            <td>
                <input type="checkbox" /></td>
        </tr>
        <tr>
            <td>
                <input type="checkbox" /></td>
        </tr>
        <tr>
            <td>
                <input type="checkbox" /></td>
        </tr>
    </table>
    <input type="checkbox" onclick="chk(this)"/>

Answer 8

可是在table外也有checkbox啊这要用名字来区别了
如 table外的 <input type="checkbox" name="outCheckbox1">
如 table里的 <input type="checkbox" name="inCheckbox1">
<input type="checkbox" name="inCheckbox2">
var a=document.getElementsByTagName("input")
for(var i=0;i<a.length;i++){
   if(a.type=="checkbox"){
     if(a.name.substr(0,2)=="in"){  //这大概是这个意思，具体的语法你自己调
        a[i].checked=true;
      }
}
}

Answer 9

var a=document.getElementsByTagName("input")
for(var i=0;i<a.length;i++){
   if(a[i].type=="checkbox"){
     if(a[i].name.substr(0,2)=="in"){  //这大概是这个意思，具体的语法你自己调
        a[i].checked=true;
      }
}
}

Answer 10

可是在table外也有checkbox啊
----------------------------------------------
checkbox是不是在form里吧

Answer 11

如果 table里的 <input type="checkbox" name="inCheckbox">的name都是一样的var a=document.getElementsByName("inCheckbox")for(var i=0;i<a.length;i++){        a[i].checked=true;
  
}

Answer 12

跟table里面外面没有关系的。
通过id或者名字获取就可以了。不用关心table

Answer 13

还有一种方法是直接通过table来操作，不用管id或者名字

Answer 14

还可以遍历页面，遇到type="checkbox"的都给选上，呵呵，变态些。

Answer 15

<script language="javascript">
function select_deselectAll (chkVal, idVal) 
{
var frm = document.forms[0];
// loop through all elements
for (i=0; i<frm.length; i++) 
{
// Look for our Header Template's Checkbox
if (idVal.indexOf ('CheckAll') != -1)
{
// Check if main checkbox is checked, then select or deselect datagrid checkboxes
if(chkVal == true) 
{
frm.elements[i].checked = true;
} 
else 
{
frm.elements[i].checked = false;
}
// Work here with the Item Template's multiple checkboxes
} 
else if (idVal.indexOf('DeleteThis') != -1) 
{
// Check if any of the checkboxes are not checked, and then uncheck top select all checkbox
if(frm.elements[i].checked == false) 
{
frm.elements[1].checked = false; // Check if any of the checkboxes are not checked, and then uncheck top select all checkbox
}
}
}
        }
</script><input id="CheckAll" onclick="return select_deselectAll (this.checked, this.id)" tabIndex="-1" type="checkbox">

Answer 16

对table里的取就行了var tbl = document.getElementById("tableId");
var ins = tbl.getElementsByTagName("input");
for(i=0;i<ins.length;i++)
 if(ins[i].type=="checkbox")
    a[i].checked=true;