체크박스 전체 선택 및 해제
Javascript & JQuery2016. 4. 1. 10:50
테이블 안에 있는 체크박스 모두 선택 및 해제 테이블 ID = 'xxxxx_tblList' 전체 선택 체크박스 ID = 'xxxxx_chkAll' 인 경우 뒷부분 선택자 id$ 로 선택 전체 선택 체크박스 역시 영향받기 때문에 thead, tbody 태그로 구분해서 tbody에 있는 체크박스만 처리 $(document).ready(function () { $('input[id$="chkAll"]').click(function () { var tbl = $('table[id$="tblList"]'); var checked = $(this).is(':checked'); $('tbody tr td input:checkbox', tbl).each(function () { $(this).prop('checked', checked); }) }); });
'Javascript & JQuery' 카테고리의 다른 글
사용자 웹 브라우저 및 버전 확인 (0) | 2017.03.21 |
---|---|
입력 데이터가 제대로 된 날짜인지 검사 (0) | 2016.04.01 |
숫자 키입력 검사 (0) | 2016.04.01 |