HTML, CSS

HTML 라디오 버튼 예제

수알치 2021. 3. 28. 18:27

HTML 라디오 버튼 예제 

 

글. 오상문 sualchi@daum.net 

 

<!doctype HTML>
<html>
<head>
	<meta charset="UTF-8">
	<title>라디오 버튼</title>
	<script type="text/javascript">
	function check_item(){
        var len = document.getElementsByName("item").length;
        for (var i=0; i<len; i++) {
            if (document.getElementsByName("item")[i].checked == true) {
                alert(document.getElementsByName("item")[i].value);
                break;
            }
        }
	}
	</script>
</head>
<body>
	<input type="radio" name="item" value="생선" checked>생선<br>
	<input type="radio" name="item" value="오징어">오징어<br>
	<input type="radio" name="item" value="새우">새우<br>    
	<button onclick="check_item()">확인</button>
</body>
</html>
반응형
저작자표시 비영리 변경금지 (새창열림)