jQuery 이용해서 선택된 radio 값 가져오기

jQuery를 이용해서

선택된 radio 버튼의 값을 가져올 수 있다!(undefined로 뜨면 선택을 하지 않은 것이므로 선택 여부까지 확인 가능하다!)

다음과 같이 처리하면 된다!


<input type="radio" name="food" value="딸기" /> 딸기
<input type="radio" name="food" value="바나나" /> 바나나
<input type="radio" name="food" value="멜론" /> 멜론
<input type="radio" name="food" value="사과" /> 사과

<script>
var checked_radio = $('input:radio[name=food]:checked').val(); // 선택된 radio의 value 가져오기
if(checked_radio === undefined) // 선택을 하지 않았을 경우
{
    alert('옵션을 선택해주세요.);
} else {
    alert(checked_radio + "를 선택하셨습니다.");
}
</script>