고똘이의 IT 개발이야기

안녕하세요.

오늘은 제이쿼리를 사용하여 체크박스 제어를 해보겠습니다.

 

아래의 소스에 설명이 달려 있습니다.

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
<html>
    
    <head>
        <script>
 
            // 버튼클릭
            $("#testBtn").click(function(){
                
                // 체크박스 체크하기
                $("#testChk").prop("checked"true);
 
                // 체크박스 체크풀기
                $("#testChk").prop("checked"false);
                
            });
 
 
        </script>
    </head>
    <body>
        <input type="checkbox" id="testChk"/>
 
        <input type="button" id="testBtn" />
    </body>
 
</html>
 

 

감사합니다.

 

이 글을 공유합시다

facebook twitter googleplus kakaoTalk kakaostory naver band