Trio 홈페이지 체크 박스 (check box) 예제 Javascript 예제 메인페이지


나는
결혼 했다.
자녀가 있다.


HTML Code

<head>
..
<script Language="Javascript">
<!-- 감춤
function act() {
     if (document.fname.marry.checked) {
        if (document.fname.child.checked)
          alert ("결혼하여 자녀가 있다.")
        else alert ("결혼하였으나 자녀는 없다.")
     } else {
        if (document.fname.child.checked)
           alert ("결혼은 안했지만 자녀는 있다.")
        else alert ("결혼도 하지 않고 자녀도 없다.")
     }
}
// 감춤 끝  -->
</script>
</head>


<body>
<form name="fname">나는<br>

<dd><input type="checkbox" name="marry"> 결혼 했다.<br>
<dd><input type="checkbox" name="child"> 자녀가 있다.<br><br>

     <input type='button' value ='확인' onClick = 'act()'><br>

</form>
</body>
설명 중요 사항
  • <form></form>안에 <input> 가 있어야 하고, type=checkbox로서 배타적이 아닌 선택를 한다.
  • if(...){...} else {...}로 조건 검색(...)하여, 이에 따른 수행{...}을 한다.
  • onClick()은 클릭하였을 때의 이벤트를 명시한다. 예제에서 onclick() 이벤트는 act() 기능을 수행하는 것이다.
  • function 기능이름()은 기능을 정의 한 것으로 다른 곳에서 이 기능이름을(예: act()) 부르면 {...} 안의 내용이 수행되고 자체로서는 단독적으로 수행되지 않는다.
  • alert(string)는 string 스트링 변수를 메세지로 경고하는 것이다.
번역문 소유자 - Trio 홈페이지 제공 이 문서(http://trio.co.kr/webrefer/jsex/xchkbox.html)는
자유로이 연결 사용이 가능함.		 예제 메뉴로