Question

关于 checkbox 全选问题

<table width="760%" border="0" cellspacing="0" cellpadding="0" name="表格1">
<tr>
<td><input type="CheckBox" name="ClassID" ID="1" value="11"> </td>
</tr>
<tr>
<td><input type="CheckBox" name="ClassID" ID="1" value="12"> </td>
</tr>
<tr>
<td><input type=checkbox value="Check All" onclick="selectall( )"></td>
</tr>
</table>
<table width="760%" border="0" cellspacing="0" cellpadding="0" name="表格2">
<tr>
<td><input type="CheckBox" name="ClassID" ID="2" value="11"> </td>
</tr>
<tr>
<td><input type="CheckBox" name="ClassID" ID="2" value="12"> </td>
</tr>
<tr>
<td><input type=checkbox value="Check All" onclick="selectall( )"> </td>
</tr>
</table>
当点击每个表格中的全选。只全选本表格中的 CHECKBOX.请问 slectall 的JAVASCRIPT代码怎么写？
<input type=checkbox name=chk ID=3>
<input type=checkbox name=chk ID=3>
<input type=checkbox name=chk ID=3>
<input type=checkbox name=chk ID=3>
<input type=checkbox name=chk ID=3>
<br>
全选：
<input type=checkbox onclick=selectall('3')>
<script language="javascript">
function selectall(a){
o=document.getElementById(a)
for(i=0;i<o.length;i++)
o[i].checked=event.srcElement.checked
}
</script> 看看这个代码什么地方错了。

Answer 1

checkbox程序循环而成,名称是chk[]数组

<input name="chk[]" type="checkbox" id="chk[]" value="<? echo $row['id'];?>">

,我想加一个全选功能,js如下,可是选不上,有什么别的方法么?:

<script type="text/javascript">
function SelectAll() {
for (var i=0;i<document.form1.chk+'[]'.length;i++) {
var e=document.form1.chk+'[]';
e.checked=!e.checked;
}
}
</script>

--------------------------------------------------------------------------------
<input type="checkbox" name="selectall" onclick='chkall("upload_file_index",this)'>
//upload_file_index formn名

function chkall(input1,input2) {
var objForm = document.forms[input1];
var objLen = objForm.length ;
for (var iCount = 0; iCount < objLen; iCount++) {
if (objForm.elements[iCount].name == "fold_del") {
continue;
}
if (input2.checked == true) {
if (objForm.elements[iCount].type == "checkbox") {
objForm.elements[iCount].checked = true;
}
} else {
if (objForm.elements[iCount].type == "checkbox") {
objForm.elements[iCount].checked = false;
}
}
}
}

--------------------------------------------------------------------------------
我这样写
<script type="text/javascript">
function SelectAll() {
alert (document.getElementById('chk[]').length);
}
</script>
<input name="chk[]" type="checkbox" id="chk[]" value="<? echo $row['id'];?>">
<input name="chk[]" type="checkbox" id="chk[]" value="<? echo $row['id'];?>">

点击全选铵钮,弹出undefined~~

--------------------------------------------------------------------------------
<script type="text/javascript">
function SelectAll() {
for (var i=0;i<document.form1.elements.length;i++) {
document.form1.elements.checked=true;
}
}
</script>

PS:注意elements部分，它存放了input的所有元素，所以如果你的表单还有其他内容，那么就要在SelectAll() 里加一句判断，如：
if(document.form1.elements.name=="chk[]")
{
document.form1.elements.checked=true;
}

--------------------------------------------------------------------------------
依据上面的做法，很容易做出取消全选跟反选功能~~

Answer 2

function select_All(checked){
for (var i=0;i<document.form2.elements.length;i++){
var e = document.form2.elements[i];
if (e.name != 'allbox')
e.checked = checked;
}
document.all.check_all.checked=checked;
}