본문 바로가기
퍼블리셔

checkbox 전체선택/해제

by onSlow 2021. 5. 11.
반응형

체크박스 전체선택/해제

개별 체크박스 선택 시, check all 해제

 

var chkBox = $('input[name=Member]');
var checked = '';

$('#ChkAll').on('click', function(){
    if($(this).prop('checked')){
        chkBox.prop('checked', true);
    }else{
        chkBox.prop('checked', false);
    }
})

chkBox.on('change', function(){
    checked = $('input[name=Member]:checked').length;

    if(chkBox.length == checked){
        $('#ChkAll').prop('checked', true);
    }else{
        $('#ChkAll').prop('checked', false);
    }
})
반응형