별

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

· 2020-01-20 (월) 12:13:21 · 6209 · 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);

 

... 참 쉽죠 ...?

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

|

댓글 5개

2020-01-20 (월) 12:25:25
유용하죠~감사합니다.
2020-01-20 (월) 16:49:44
무슨 말인지 어렵네요,,,그리그 나는 중간에 마음이 수시로 변해서..유유
논리적으로 타당한 말씀이시네요 ^^
감사합니다! 추천 드려요~
감사합니다.
2020-02-07 (금) 18:53:47
감사합니다
댓글을 작성하시려면 로그인이 필요합니다.

그누보드5 팁자료실

2,788건
+
제목 글쓴이 날짜 조회
20-02-03 조회 6,864
20-02-02 조회 8,206
20-02-01 조회 8,035
20-01-29 조회 8,864
20-01-28 조회 6,623
20-01-27 조회 5,470
20-01-27 조회 6,183
20-01-23 조회 6,104
20-01-22 조회 1.2만
20-01-22 조회 6,328
20-01-20 조회 6,210
20-01-19 조회 6,017
20-01-16 조회 6,423
20-01-16 조회 9,233
20-01-16 조회 8,316
20-01-14 조회 7,842
20-01-14 조회 1.1만
20-01-12 조회 6,709
20-01-12 조회 7,025
20-01-11 조회 5,849
20-01-10 조회 8,065
20-01-09 조회 6,693
20-01-09 조회 6,944
20-01-09 조회 6,174
20-01-09 조회 6,154
20-01-06 조회 6,512
20-01-06 조회 8,332
20-01-06 조회 1만
20-01-05 조회 8,014
20-01-05 조회 7,702