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

<!--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>