這裡是使用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);	//全選
			}
		});
	});
}
 

方法二：

點選複選框的時候，判斷選中數與複選框列表數是否相等來判斷全選與取消全選。