크롬80버전 결제 이슈, 영카트5 주요패치 확인!

그누보드 게시판 리스트 전체 체크박스 처리 > 그누보드5 팁자료실

그누보드5
영카트5
매뉴얼
Q & A
제작의뢰
컨텐츠몰
부가서비스
소모임
커뮤니티

그누보드5 팁자료실

그누보드 게시판 리스트 전체 체크박스 처리 정보

그누보드 게시판 리스트 전체 체크박스 처리

본문

그누보드에서 보면 리스트에서 체크박스 체크할 때 맨 위쪽에 있는 체크박스 체크및 해제시 전체 체크/전체 해제가 됩니다.

회사에서 제가 제시했던 이슈는 

1. 전체 체크박스 체크 후 리스트에서 하나의 체크를 체크해제하면 전체 체크박스의 체크도 해제되어야 하는것 아닌가?

2. 전체 체크박스를 체크하지 않고 하나하나 전부 체크시 또는 위 1번에서 하나를 풀었을 때 전체 체크박스의 체크해제가 되었을 때 다시 체크가 되면 전체 체크박스에도 체크가 되어야 하지 않나?

였습니다. 

해당 이슈는 의외로 간단히 처리가 됩니다.

 

(function($) {
    jQuery(document).on('change','input[type="checkbox"][name^="chk_wr_id"]', function() {
        let allChecker = 1; // 전체 체크가 되어있다고 설정
        jQuery('input[type="checkbox"][name^="chk_wr_id"]').each(function() {
            let isChecked = jQuery(this).is(':checked');
            if(isChecked === false) {
                allChecker = 0; // 하나라도 해제된다면에 대한 설정
            }
        });
        if(allChecker == 0) {
            jQuery('#chkall').prop('checked', false);
        } else {
            jQuery('#chkall').prop('checked', true);
        }
    });
})(jQuery);

 

... 참 쉽죠 ...?

... 쓸데  없을 수도 있지만 의외로 유용..... 할까요? ㅎㅎ

추천1

댓글 전체

전체 1,694 |RSS
그누보드5 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 (06253) 서울특별시 강남구 도곡로1길 14, 6층 624호 (역삼동, 삼일프라자) 대표메일:admin@sir.kr
사업자등록번호:217-81-36347 대표:홍석명 통신판매업신고번호:2014-서울강남-02098호 개인정보보호책임자:이총

© SIRSOFT