批量删除之复选框全选

如何实现点击一个复选框 让所有复选框成为被选择状态

首选定义一个复选框，点击可让所有复选框成为可选状态

<th><input id="checkBtn" type="checkbox" onchange="checkAll(this)"/></th>

定义其他复选框

<input onchange='checkAllreverse()' class='checkbox' type='checkbox'/>
<input onchange='checkAllreverse()' class='checkbox' type='checkbox'/>
<input onchange='checkAllreverse()' class='checkbox' type='checkbox'/>
<input onchange='checkAllreverse()' class='checkbox' type='checkbox'/>
<input onchange='checkAllreverse()' class='checkbox' type='checkbox'/>
<input onchange='checkAllreverse()' class='checkbox' type='checkbox'/>

利用js实现目标功能

//实现点击一个复选框其他框被选择
function checkAll(){
    //如果主要框是被选择状态，那么其他框也是被选择状态；如果主要框不是被选择状态，其他框也不会被选择。
		if($("#checkBtn").is(":checked")){
			$(".checkbox").prop("checked",true)
		}else{
			$(".checkbox").prop("checked",false)
		}
	}
//其他所有框都成为了被选择状态，那么主要框也会变成被选择状态
function checkAllreverse(){
    //赋予flag一个true状态以判断是不是所有框都变成被选择状态
	var flag = true;
    //遍历其他所有框的状态，如果有一个框为不被选择状态false,那么flag就会变成false状态。
	$(".checkbox").each(function(){		
		if(!$(this).is(":checked")){
			flag = false;
		}			
	})
  
	if(flag){
         //如果flag为真，则代表所有框都为被选择状态，主要框也会变成被选择状态
		$("#checkBtn").prop("checked",true)
	}else{
        //反之，则代表有一个或者多个框为不被选择状态，主要框会变成不被选择状态。
		$("#checkBtn").prop("checked",false)
	}
}