实现全选/取消全选功能

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_29326717/article/details/83046096

这里是使用jquery为前提：

方法一：

/**
 * 绑定全选/取消全选
 * @param checkAll	全选复选框
 * @param checkOne	单个复选框
 */
function onCheckBox(checkAll,checkOne){
	checkAll.off('change');
	checkOne.off('change');
	checkAll.on("change",function(){
		var isCheck = $(this).is(":checked");
		if(isCheck){
			checkOne.prop("checked",true);//全选			
		}else{
			checkOne.prop("checked",false);//全不选
			
		}
	});
	checkOne.on("change",function(){
		checkOne.each(function() {
			var isCheck = $(this).is(":checked");			
			if(!isCheck){
				checkAll.prop("checked",false);	//取消全选
				return false;
			}else{
				checkAll.prop("checked",true);	//全选
			}
		});
	});
}

方法二：

点击复选框的时候，判断选中数与复选框列表数是否相等来判断全选与取消全选。