라디오 버튼을 구현했을때 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 ("안녕히가세요")
};