1、
JavaScript部分:
function checkAll(obj){
$("#box input[type='checkbox']").prop('checked', $(obj).prop('checked'));
}
html部分:
<div id="box">
<input type="checkbox" onclick="checkAll(this)">全选<br><br>
<input type="checkbox"><br>
<input type="checkbox"><br>
<input type="checkbox"><br>
<input type="checkbox"><br>
<input type="checkbox"><br>
<input type="checkbox"><br>
<input type="checkbox"><br>
<input type="checkbox"><br>
<input type="checkbox"><br>
</div>
2、
发现网上写的全选的代码,不是完整的,是有bug的。全选它分几种情况
1. 全选的checkbox选中时,子checkbox全部选中。反之,全部不选
2.子checkbox中,只要有没有被选中的,取消全选checkbox的选中
3.子checkbox的数量和子checkbox被选中的数量一样时,全选checkbox要被选中
全选checkbox的id是SelectAll,子checkbox的id是subcheck。
如果页面还有别的checkbox,selectAll方法里面稍作修改。
JSP页面代码如下: