본문 바로가기
프로그래밍/jQuery

[jQuery] 전체 선택 및 해제

by 상도남 2021. 7. 12.
728x90
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<script type="text/javascript">
    $(function(){
 
        //전체선택 : 체크박스 클릭
        $("#allCheck").click(function(){
 
            //만약 전체 선택 체크박스가 체크된상태일경우
            if($("#allCheck").prop("checked")) {
                //해당화면에 전체 checkbox들을 체크해준다
                $("input[type=checkbox]").prop("checked",true);
 
            // 전체선택 체크박스가 해제된 경우
            } else {
                //해당화면에 모든 checkbox들의 체크를해제시킨다.
                $("input[type=checkbox]").prop("checked",false);
            }
        })
    })
</script>
cs
728x90

댓글