버튼의 기본 타입은 submit이다.


    취미 : 
    <input type="checkbox" name="hobby" value="games"> 게임
    <input type="checkbox" name="hobby" id="movie"> 영화
    <input type="checkbox" name="hobby" id="music"> 음악
    <br>
    <!--<button type="button" id="btn">실행확인</button> -->

    <script>
        $(function(){

            
            // 버튼 클릭시 현재 checked 상태인 요소 선택해서 스타일 부여
            // 아이디가 btn인 버튼 요소 선택하기 
            $("#btn").click(function(){
            
                // 인풋 요소중에서 타입이 checked라는 뜻
                $("input:checked").css({width:"50px",height:"50px"});

            })

             });

        });
    </script>

checkbox인 요소들에 change이벤트 발생시 실행할 function 정의

체크를 해도 실행되고 체크를 해제해도 실행될 것임 !

prop ()

== 속성의 약자, 궁금한 속성명을 제시하면 속성을 돌려주는 메소드


             $("input:checkbox").change(function(){
                console.log("값변경됨!");

                console.log($(this).prop("checked")); 
								// 논리값의 결과가 나옴 true/false
               
                if($(this).prop("checked")){
                    $(this).css({width:"50px", height:"50px"});
                }else{
                    $(this).css({width:"", height:""});
                }