게시판이외에 따로 페이지생성시에
체크박스를 체크하는기능을 사용하고있었는데
이제 리스트 하단부에 선택수정과 삭제등등 옵션을추가하면서
내가 몇개를 체크했는지와 하단에서도 전체체크를 추가하면서 약간 스크립트를 추가했다
별건아닌데 체크한 숫자가 눈에보이니까 좀 편한거같기도하고 쓸데없는거같기도하고
$('[name="chk[]"]').on('click',function(){ var $this = $(this), $number = $(".number").val(); var tmp; if($this.is(':checked')){ $tmp = parseInt($number)+1; }else{ $tmp = parseInt($number)-1; if(tmp<0){ $tmp = 0; } } $('.number').val($tmp); }) // 모두선택 $('#chkall').on('click', function() { var $this = $(this), $that = $this.closest('table').find('tr[data-bunch]'), check = $('[name="db_id[]"]:enabled'); check.prop('checked', $this.is(':checked') ? true : false); if ($this.is(':checked')) { $that.addClass('checked'); //선택된갯수추가 $(".number").val($that.length); } else { $that.removeClass('checked'); $('[data-proto]').val(function() { return $(this).data('proto') }); //선택된갯수추가 $(".number").val('0'); } });
엥 스크립트가 한줄로들어가보리네
html 관련은 뭐 input 쪽 네임정도와 클래스만 보고 따로 추가하면 될거같다
'프로그래밍 > javascript' 카테고리의 다른 글
javacsript : after(), insertAfter(), before(), insertBefore(); (0) | 2020.12.28 |
---|---|
그누보드 javascript 시간 시분초로 나눠서 구하기 (0) | 2020.11.26 |
추가버튼으로 clone 추가하기 (0) | 2020.07.23 |
탭 클릭시 콘텐츠 박스 나오게 (0) | 2020.07.22 |
datepicker 간단 적용 (0) | 2020.07.15 |