그누보드 게시판 리스트 전체 체크박스 처리
그누보드에서 보면 리스트에서 체크박스 체크할 때 맨 위쪽에 있는 체크박스 체크및 해제시 전체 체크/전체 해제가 됩니다.
회사에서 제가 제시했던 이슈는
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개
감사합니다! 추천 드려요~
게시판 목록
그누보드5 팁자료실
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 2695 | 1개월 전 | 170 | ||
| 2694 | 1개월 전 | 132 | ||
| 2693 | 1개월 전 | 143 | ||
| 2692 | 1개월 전 | 157 | ||
| 2691 | 1개월 전 | 310 | ||
| 2690 | 1개월 전 | 217 | ||
| 2689 |
|
1개월 전 | 423 | |
| 2688 | 1개월 전 | 275 | ||
| 2687 |
선택과집중
|
1개월 전 | 312 | |
| 2686 | 1개월 전 | 275 | ||
| 2685 | 1개월 전 | 329 | ||
| 2684 | 2개월 전 | 462 | ||
| 2683 | 2개월 전 | 261 | ||
| 2682 | 2개월 전 | 287 | ||
| 2681 |
선택과집중
|
2개월 전 | 263 | |
| 2680 | 2개월 전 | 312 | ||
| 2679 |
|
2개월 전 | 417 | |
| 2678 |
|
2개월 전 | 487 | |
| 2677 | 2개월 전 | 311 | ||
| 2676 | 2개월 전 | 287 | ||
| 2675 |
선택과집중
|
2개월 전 | 464 | |
| 2674 |
|
2개월 전 | 309 | |
| 2673 | 2개월 전 | 322 | ||
| 2672 | 2개월 전 | 272 | ||
| 2671 | 2개월 전 | 244 | ||
| 2670 | 2개월 전 | 356 | ||
| 2669 | 2개월 전 | 274 | ||
| 2668 |
선택과집중
|
2개월 전 | 470 | |
| 2667 |
선택과집중
|
2개월 전 | 455 | |
| 2666 |
선택과집중
|
3개월 전 | 388 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기