[ JQUERY ] [JQuery] 체크박스 전체선택(동의) 기능
작성일 20-02-27 10:32
페이지 정보
작성자최고관리자 조회 276회 댓글 0건본문
<!--HTML-->
<input type="checkbox" id="agreeAll">
<div class="agreeList">
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
</div>
<!--JQuery-->
<script>
$("#agreeAll").click(function(){
if($("#agreeAll").prop("checked")){ //전체선택 체크박스가 체크일 경우
$(".agreeList input[type=checkbox]").prop("checked",true); //.agreeList에 속한 checkbox들을 체크해준다
} else { // 전체선택 체크박스가 해제일 경우
$(".agreeList input[type=checkbox]").prop("checked",false); //.agreeList에 속한 checkbox들의 체크를해제시킨다.
}
});
</script>
댓글목록
등록된 댓글이 없습니다.