[JQuery] 체크박스 전체선택(동의) 기능 > 학습

본문 바로가기

사이트 내 전체검색

425,057명이 방문해 주셨습니다.

[  JQUERY  ] [JQuery] 체크박스 전체선택(동의) 기능

작성일 20-02-27 10:32

페이지 정보

작성자최고관리자 조회 320회 댓글 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>

댓글목록

등록된 댓글이 없습니다.

Copyright © 소유하신 도메인. All rights reserved.