체크박스 제어 = 전체선택, 부분 선택

Web Development assistant·2023년 10월 12일
0

# javascript

목록 보기
31/36
var checkedArr = []; //전역 체크박스 배열 생성


<%-- 체크박스 전체선택 버튼 --%>
	$('#allCheck').on('click', function(){
		checkedArr = [];

		if($(this).is(':checked')){
			$('.apCheck').prop('checked', true);
			$('.apCheck').each(function(){         
				checkedArr.push($(this).data('ano'));
		    });
		}else{
			$('.apCheck').prop('checked', false);
		}
	});
	
	<%-- 체크박스 단일 선택 버튼 --%> 
	$('#listDiv').on('click', '.apCheck', function(){
		if($(this).is(':checked')){
			checkedArr.push($(this).data('ano'));
		}else{
			checkedArr.splice(checkedArr.indexOf($(this).data('ano')), 1);
		};

		//전체 선택 버튼 제어
		if($('.dashboard-box-list>li').length === $('.apCheck:checked').length){
			$('#allCheck').prop('checked', true);
		}else{
			$('#allCheck').prop('checked', false);
		}
	});

0개의 댓글