반응형

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>
반응형

'HTML, CSS' 카테고리의 다른 글

HTML 회원가입 페이지 만들기 동영상  (0) 2021.04.11
HTML 로그인 페이지 예제  (0) 2021.04.11
HTML 콤보(selected) 상자 예제  (0) 2021.03.28
RGB 및 색상값  (0) 2020.06.13
HTML DOCTYPE 지정 형식   (0) 2017.02.21

+ Recent posts