[Jquery] 제이쿼리 체크박스 체크 유무 및 값 추출 예제 포함

안녕하세요.

오늘은 체크박스의 체크 유무를 판단 및 값을 추출하는 제이쿼리 입니다.

아래 소스에 설명이되어 있으니 참고하시기 바랍니다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40

<html>
    
    <head>
        <script>
 
            // id 'testBtn'이라는 버튼을 클릭 시 체크박스 검사.
            $("#testBtn").click(function(){
                
                // id 'box1'이란 체크박스를 검사.(체크가 되어 있는경우 : true, 체크가 되어 있지 않은경우 : false)
                if($("#box1").is(":checked")){
                    alert("box1 체크박스가 체크 되어 있습니다.");
 
               } else {
                    alert("box1 체크박스가 체크 되어있지 않습니다.");
                }
 
                // id 'box2'이란 체크박스를 검사.(체크가 되어 있는경우 : true, 체크가 되어 있지 않은경우 : false)
                if($("#box2").is(":checked")){
                    alert("box2 체크박스가 체크 되어 있습니다.");
 
                } else {
                    alert("box2 체크박스가 체크 되어있지 않습니다.");
                }
            });
 
        </script>
    </head>
    <body>
        <input type="checkbox" id="box1" value="첫번째 테스트 입니다."/>
 
        <input type="checkbox" id="box2" value="두번째 테스트 입니다."/>
 
        <input type="button" id="testBtn" />
    </body>
 
</html>
 

감사합니다.

저작자표시 비영리

'JavaScript' 카테고리의 다른 글

[Jquery] 제이쿼리 체크박스 체크하기(간단) (0)	2020.02.03
[Jquery] 제이쿼리 null 체크 함수 예제(간단) (1)	2020.02.03
[ jquery ] 제이쿼리 무한스크롤 설명 및 예제 포함. (3)	2019.10.16
[ Javascript ] 자바스크립트 객체 show/hide 예제 (0)	2019.10.02
[ jquery ] 제이쿼리 체크박스(checkbox) 체크된 데이터만 가져오기 (0)	2019.09.25