全选和反选

<script>
$(function () {
//先获取j_cbAll的这个复选框,注册点击事件,点击的时候让下面tbody中所有的复选框选中和不全选
//让tbody中所有的复选框的选中状态和当前的这个全选的复选框的选中状态一致
$("#j_cbAll").click(function () {
var cked=$(this).prop("checked");//保存当前复选框的选中状态
//获取tbody中所有的复选框
$("#j_tb").find(":checkbox").prop("checked",cked);
});

//获取tbody中所有的复选框
$("#j_tb").find(":checkbox").click(function () {
//先获取tbody中所有的复选框的个数
var length1=$("#j_tb").find(":checkbox").length;
//再获取tbody中所有选中的复选框的个数
var length2=$("#j_tb").find(":checked").length;
//二者比较,如果相同,让最上面的复选框选中,否则不选中
if(length1==length2){
//都选中了
$("#j_cbAll").prop("checked",true);
}else{
//有没选中
$("#j_cbAll").prop("checked",false);
}
});
});
</script>

 

posted @ 2020-04-09 17:37  花木兰r  阅读(157)  评论(0编辑  收藏  举报