[Jquery] 체크박스 전체 체크 , 해제 하는 방법


<script type="text/javascript">
$(document).ready(function(){
//전체 체크박스 클릭
$("#checkAll").click(function() {
if ($("#checkAll").prop("checked")) {
$(".test").prop("checked", true);
} else {
$(".test").prop("checked", false);
}
});
//전체 체크박스 선택중 체크박스 하나를 풀었을때 "전체" 체크해제
$(".test").click(function() {
if ($("input[name='check']:checked").length == 4) {
$("#checkAll").prop("checked", true);
} else {
$("#checkAll").prop("checked", false);
}
});
});
</script>
</head>
<body>
<input type="checkbox" class="test" name="checkAll" id="checkAll">
<span>전체</span>
<input type="checkbox" class="test" name="check">
<span>KT</span>
<input type="checkbox" class="test" name="check">
<span>SKT</span>
<input type="checkbox" class="test" name="check">
<span>LGU+</span>
<input type="checkbox" class="test" name="check">
<span>알뜰폰 등 기타</span>
</body>
</html>
0
0
이 글을 페이스북으로 퍼가기 이 글을 트위터로 퍼가기 이 글을 카카오스토리로 퍼가기 이 글을 밴드로 퍼가기

HTML/CSS/기타

번호 제목 글쓴이 날짜 조회수
46 JS 글자수 체크(공백포함, 제외) 및 언어 옵션 설정 관리자 09-02 1,293
45 web chart - 실시간 차트 관리자 07-25 1,317
44 비동기 프로그래밍 관리자 07-25 1,282
43 table thead 고정과 tbody 스크롤 관리자 07-23 1,326
42 datepicker 사용하여 공휴일 직접 지정하기 관리자 06-11 1,399
41 Dropzone - 이미지 & 파일 업로드 (드래그 앤 드롭) 라이브러리 관리자 03-06 1,564
40 JSPDF 사용법(Javascript pdf) 관리자 03-04 1,829
39 FullCalendar(풀캘린더) 어거지 사용법 관리자 01-25 1,756
38 JQUERY - id가 여러개인데 한번에 찾고 싶을때! ${} 관리자 12-28 1,593
37 [CSS] 가로 스크롤 구현하기 관리자 12-27 1,732
36 JCROP을 이용한 업로드한 크롭( CROP ) 하기 관리자 12-27 1,681
35 제이쿼리 - 모달 다이아로그 및 여러 알림창들 관리자 12-21 1,423
34 Javascript/jQuery 이미지 회전 돋보기 관리자 11-07 1,793
33 Resolving the Issue of Fakepath in JavaScript 관리자 10-26 1,466
32 div 및 요소 화면 중앙에 위치시키기 관리자 10-21 1,494
31 [Jquery] 체크박스 전체 체크 , 해제 하는 방법 관리자 10-19 1,498
30 display 스타일 속성 사용하여 행 숨기기/보이기 관리자 09-16 1,893
29 자주 사용하는 비주얼 스튜디오 코드(Visual Studio Code, VSC, vscode) 단축키 정리 관리자 09-14 1,975
28 div 2개 나란히 정렬하는 방법 관리자 09-09 1,705
27 HTML, CSS - 헤더컬럼 고정형 table 구성하기 관리자 09-06 1,542