프론트엔드/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);
};
};