網頁有勾選時常會需要全選功能,但有些細節會忽略,就是很低能但是又很重要的東西
寫的時候常常只寫了勾選全部與全部不選(只寫了上面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");
}
}