[JS]checkbox全選與取消全選

網頁有勾選時常會需要全選功能,但有些細節會忽略,就是很低能但是又很重要的東西

寫的時候常常只寫了勾選全部與全部不選(只寫了上面function),

但會忘記下面列表的checkbox被點選時上方全選也應該隨之變動。.

以下為我的寫法,雖一定有更好的寫法但還堪用拉,哈哈

function checkAll(){
	if($(this).prop("checked")){
		$('所有checkbox').prop("checked", "checked");
	}else{
		$('所有checkbox').removeAttr("checked");
	}
}

function checkAllStat(){
	var allCheckLength = $('所有checkbox').length;
	var allCheckedLength = $('所有checkbox:checked').length;
	if(allCheckedLength == allCheckLength){
		$('全選checkbox').prop("checked", "checked");
	}else{
		$('全選checkbox').removeAttr("checked");
	}
}