(자바스크립트) 선택된 radio 버튼의 값 출력하는 방법

선택된 radio 버튼의 값을

기본 자바스크립트를 이용해서 쉽게 가져올 수 있는 방법은 없을까?

다음과 같이 처리하면 된다!(브라우저 호환성도 좋고 상당히 깔끔한 코드인 것 같다!)


<script>
var foods = document.getElementsByName('food');
var food_value; // 여기에 선택된 radio 버튼의 값이 담기게 된다.
for(var i=0; i<foods.length; i++) {
    if(foods[i].checked) {
        food_value = foods[i].value;
    }
}
</script>


<input type="radio" name="food" value="피자">피자
<input type="radio" name="food" value="치킨">치킨