note

JavaScript check, radio 본문

JavaScript/기본

JavaScript check, radio

투한 2012. 2. 1. 17:37 









<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JavaScript check, radio</title>
<script type="text/javascript">
		function checkboxTest() {
			if (document.myform.season[0].checked) {
				alert(document.myform.season[0].value + "을 선택하셨군요");
			}
			if (document.myform.season[1].checked) {
				alert(document.myform.season[1].value + "을 선택하셨군요");
			}
			if (document.myform.gender[0].checked) {
				alert(document.myform.gender[0].value + "을 선택하셨군요");
			}
			if (document.myform.gender[1].checked) {
				alert(document.myform.gender[1].value + "을 선택하셨군요");
			}
		}
	</script>
</head>
<body>
<form name="myform">
<input type="checkbox" name="season" value="봄" checked/>봄
<input type="checkbox" value="여름" name="season" />여름<br/>

<input type="radio" name="gender" value="남자" checked/>남자
<input type="radio" value="여자" name="gender" />여자<br/>

<input type="button" value="확인" onclick="checkboxTest()">
</form>
</body>
</html>


저작자표시 비영리 변경금지 (새창열림)

'JavaScript > 기본' 카테고리의 다른 글

JavaScript date 날짜  (0) 2012.02.02
JavaScript Array 배열  (0) 2012.02.02
JavaScript 반복문 while  (0) 2012.02.01
JavaScript 반복문 for (구구단)  (0) 2012.02.01
JavaScript 조건문 if  (0) 2012.02.01
'JavaScript/기본' Related Articles more