function selAll() { var isChecked=(document.all.titleCheckBoxId.checked == true); var elements=document.all.tableId.getElementsByTagName("INPUT");
for(i=0;i<elements.length; i++) {
var element=elements[i];
if (element.type== 'checkbox' && element.name== 'checkName')
element.checked=isChecked;
}
}
for(i=0;i<elements.length; i++) {
var element=elements[i];
if (element.type== 'checkbox' && element.name== 'checkName')
element.checked=isChecked;
}
}
<head>
<script>
function myFun()
{
var ckb = document.getElementById("ckb");
var table = document.getElementById("table");
var tBody = table.childNodes[0];
for ( var i=0 ;i<tBody.childNodes.length;i++)
{
var row = tBody.childNodes[i];
var cell = row.childNodes[0];// 表格第一个单元格放置checkbox
if ( cell.childNodes[0].getAttribute ("type")=="checkbox")
{
cell.childNodes[0].checked = ckb.checked;
}
}
}
</script>
</head>
<body>
<table>
<tr>
<td>
<input type="checkbox" id="ckb" onClick="myFun();">
</td>
</tr>
<tr><td>
<table id="table">
<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>
<tr>
<td>
<input type="checkbox" >
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
用DOM的形式作了一个例子,希望对你有帮助