//전체체크, 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);
};
};
'프론트엔드 > Javascript · JQuery' 카테고리의 다른 글
오늘의 도전! (0) | 2021.07.02 |
---|---|
[자바스크립트, 제이쿼리] 지역선택 셀렉트박스 동적변화 구현하기 (Chained Select Menu) (0) | 2021.06.17 |
앱환경 디버깅하기 (왜안되는지! alert창으로 알아보기) (1) | 2021.03.29 |
[자바스크립트, 제이쿼리] 엔터키 감지 (0) | 2021.03.29 |
FullCalendar.js 언어 설정 (0) | 2021.03.11 |