<html>
<head>
<script type="text/javascript" src="jquery-1.7.1.min.js"> </script>
<script type="text/javascript">
function checkboxClick(checked,all){
if(checked){
if (all != null) {
$("#tableCheck").find("tbody").find(":checkbox").attr("checked",true);
}
}else{
if (all != null) {
$("#tableCheck").find("tbody").find(":checkbox").attr("checked",false);
} else {
$("#tableCheck").find("thead").find(":checkbox").attr("checked",false);
}
}
}
</script>
</head>
<body>
<div>
<table class='' id="tableCheck">
<thead>
<tr>
<th>
<input type="checkbox" id="" onclick="checkboxClick(this.checked,1);">
</th>
<th>编号</th> <th>编号</th> <th>编号</th><th>编号</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<input type="checkbox" id="" onclick="checkboxClick(this.checked);" />
</td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>
<input type="checkbox" id="" onclick="checkboxClick(this.checked);" />
</td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
</tbody>
</table>
</div>
<body>
</html> 