-
jquery로 checkbox 관리하기카테고리 없음 2022. 2. 25. 02:37반응형
< HTML 부분 >
<input type='checkbox' id='all_check' onClick='checkAll()'> <!-- 전체 선택/해제 하는 checkbox -->
<input type='checkbox' name='seq[]' value='1'> <!-- 게시물 1의 checkbox -->
<input type='checkbox' name='seq[]' value='2'> <!-- 게시물 2의 checkbox -->
위 내용을 기반으로 jquery에서 컨트롤할 수 있는 것을 작성해 보았다.
1. 현재 선택된 갯수 확인하기
var cnt = $("input:checbox[name='seq[]']:checked).length;
2. 특정 id(=all_check)의 checkbox가 선택된 상태인지 확인
$("#all_check").is(":checked") == true
3. checkbox 전체 선택하고 전체 해제 하기
function checkAll() {
if($("#all_check").is(":checked") == true) {
// 전체 선택/해제하는 checkbox가 체크 되어 있는 상태
}
}
참고: https://openlife.tistory.com/381