잡동사니/JavaScript

[자바 스크립트] 선택된 라디오 버튼의 값 가져오기

마음온도 36.5 2023. 12. 14. 14:52

라디오 버튼 선택




 

 

<!DOCTYPE html>
<html>
<head>
    <title>라디오 버튼 예제</title>
</head>
<body>

<h2>라디오 버튼 선택</h2>

<form>
    <input type="radio" id="hong" name="selected_name" value="홍길동" checked />
    <label for="hong">홍길동</label><br>
    
    <input type="radio" id="jeon" name="selected_name" value="전우치" />
    <label for="jeon">전우치</label><br>
    
    <input type="button" onclick="getValue()" value="선택된 값 확인" />
</form>

<script>
function getValue() {
    var radios = document.getElementsByName('selected_name');
    var selectedValue = "";
    for(var i = 0; i < radios.length; i++) {
        if(radios[i].checked) {
            selectedValue = radios[i].value;
            break;
        }
    }
    alert("선택된 값: " + selectedValue);
}
</script>

</body>
</html>