프론트엔드/Javascript · JQuery

전체 체크, 전체 체크 해제, 일괄 체크

경호! 2021. 4. 1. 12:49

        //전체체크, 000, 2021-04-01

        function fnCheckAll(label){

            let table = $(label).closest('table');

            let checkboxes = $(table).find('tbody input[type="checkbox"]');

            $(checkboxes).each(function(){

                if (!$('#ordercheck').is(':checked')) {

                    $(this).prop('checked',true);

                } else {

                    $(this).prop('checked',false);

                };

            });

        };

 

해당 게시글은 너무 구려서 업데이트 될 예정입니다.

 

업뎃..!!(2021-07-02)

<!-- 전체체크 -->
<input onchange="fnOnchangeCheckAll(this.id);" type="checkbox" name="CheckAll" id="CheckAll" class="checkbox" />

<!-- 체크항목들 -->
<input onchange="fnOnchangeAgree();" type="checkbox" name="Agree_TOU" id="Agree_TOU" class="checkbox agree-item" />
<input onchange="fnOnchangeAgree();" type="checkbox" name="Agree_Privacy" id="Agree_Privacy" class="checkbox agree-item" />
<input onchange="fnOnchangeAgree();" type="checkbox" name="Agree_Marketing" id="Agree_Marketing" class="checkbox agree-item" />

 

 

//전체 약관동의 클릭 시, 박경호, 2021-07-02
function fnOnchangeCheckAll(id) {
	$('.agree-item').each(function() {
		$(this).prop('checked', $('#'+id).is(':checked'));
	});
};

//실시간 전체 체크 및 해제, 박경호, 2021-07-02
function fnOnchangeAgree() {
	if ( $('.agree-item:checked').length == $('.agree-item').length ) {
		$('#CheckAll').prop('checked', true);
	} else {
		$('#CheckAll').prop('checked', false);
	};
};