<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<table id="cart_goods_area">
<th><input type="checkbox" id="check_All" οnclick="check()"/></th>
<th>姓名</th>
<tr>
<td><input type="checkbox" class="check_cb"/></td>
<td>张三</td>
</tr>
<tr>
<td><input type="checkbox" class="check_cb"/></td>
<td>张三</td>
</tr>
<tr>
<td><input type="checkbox" class="check_cb"/></td>
<td>张三</td>
</tr>
</table>
<script type="text/javascript" src="js/jquery.js" ></script>
<script type="text/javascript">
function check()
{
var bool = $("#check_All").is(":checked");//判断全选按钮是否为全选,true
$("#cart_goods_area .check_cb").each(function(){//循环给复选框赋值
this.checked = bool;
});
}
</script>
</body>
</html>
思路解释:1:给table/div 父容器注册一个选择器 ;2:给全选按钮注册一个选择器,再给每个checkbox 添加一个选择器(动态的循环添加),再给全选复选框添加一个 onclick事件,就完成了是否全选效果了