需要引入jQuery
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JSP Page</title>
<script type="text/javascript" src="../js/jquery-1.12.3.min.js" ></script>
</head>
<body>
<label>
<input id="sel_1" onchange="selectAll()" type="checkbox" value="1"/>全选/全不选
</label>
<input type="checkbox" value="2"/>
<input type="checkbox" value="3"/>
<input type="checkbox" value="4"/>
<input type="checkbox" value="5"/>
</body>
<script type="text/javascript">
function selectAll(){
var isCheck=$("#sel_1").is(':checked'); //获得全选复选框是否选中
$("input[type='checkbox']").each(function() {
this.checked = isCheck; //循环赋值给每个复选框是否选中
});
}
</script>
</body>
</html>