[Javascript/jQuery] radio 체크 된 값 가져오기

Cherry·2022년 11월 23일
0
post-thumbnail

라디오 버튼을 구현했을때 jQuery를 통해서 라디오 버튼의 체크여부를 확인 할 수 있다.
체크 여부를 확인하여 체크 여부에 따라 원하는 함수를 실행 할 수 있겠지 ?

먼저 라디오 버튼을 구현해보자


				<input type = "radio" name="cherry" value="1">
				<input type = "radio" name="cherry" value="2>
 

두가지의 라디오 버튼을 구현해보았는데 먼저 value에 설정한 값을 들고와보자.

					var cherrylistd = $('input[name=cherry]:checked).val();

그럼 if문으로 체크박스의 체크 여부를 확인해보자
라디오 버튼이 체크되어 있으면 alert창을 띄우도록하는 예제이다.

                   
                   if($('input[name="cherry"]:checked').val()){
                   alert ("안녕하세요")
                   };

라디오 버튼이 체크되어있지 않은경우도 알아보자.

                    
                    if($('input[name="cherry"]:not('checked').val()){
                    alert ("안녕히가세요")
                    };
profile
🍒의 공부공간

0개의 댓글