라디오 버튼 선택
<!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>