<head>
<link rel="stylesheet" type="text/css" href="../../main.css">
<script Language="Javascript">
<!-- 감춤
function show() {
var msg = ""
if (document.fname.nation[0].checked) {msg += '한국 '}
if (document.fname.nation[1].checked) {msg += '미국 '}
if (document.fname.nation[2].checked) {msg += '불란서 '}
if (document.fname.sex[0].checked) {msg += '남자'}
if (document.fname.sex[1].checked) {msg += '여자'}
alert ('['+msg+'] 선택')
}
// 감춤 끝 -->
</script>
</head>
<body>
..
<table><tr align=center><td class=brown>
<form name = "fname">
<input type="radio" checked name="nation" value="한국">한국
<input type="radio" name="nation" value="미국">미국
<input type="radio" name="nation" value="불란서">불란서<br><br>
<input type="radio" name="sex" value="남자">남자
<input type="radio" name="sex" value="여자">여자<br><br>
<input type="button" value="확인" onClick="show()">
</form>
</td></tr></table>
..
</body>
 중요 사항
- INPUT type="radio"에서 name이 같은 INPUT들은 서로 배타적이다.
- document.fname.nation[0].checked는 선택된 것의 배열 변수인데, fname는 FORM name이고 nation은 INPUT name이며, 번호는 0에서 부터 시작한다.
- var로 최초 변수를 선언하는데, var a, var a=5, var a=b=c, var a, b, c, var a[9] 등을 사용 할 수 있다.
- a+=b는 a에 b를 첨부하라는 뜻이다. a="기본"; b=" 추가"; a+=b; 면, a의 결과값은 "기본 추가"
- function(str)로 기능을 수행하는데 str은 수행할 때 사용할 변수이다. alert(str)도 하나의 기능인데 별도로 정의할 필요가 없이 자체에서 제공하는 기능이다.
- onClick은 단추를 눌렀을 때를 말하며 예제에서 기능을 부른다.
- INPUT type="button"으로 단추를 만든다.
- 모든 사용자 입력사항은 FORM 안에 위치하여야만 작동한다.
|
제공