2008/06/18 20:44
php
-
Radio 객체
radio 객체는 라디오 버튼을 자바스크립트에서 접근하기 위해 만든 것으로서, 계층구조상으로는 form 객체에서 파생되었다. 그렇기 때문에 radio 객체를 가리키기 위해서는 항상 이 객체를 포함하고 있는 form 객체를 지정해야만 한다.
다음은 라디오 객체에 포함되어있는 특성과 메소드와 이벤트 핸들러이다.
특성:
name -> 라디오 버튼의 이름
value -> 라디오 버튼에 할당하고 싶은 값
length -> 그룹 안에 포함되어 있는 라디오 버튼의 수
checked -> 라디오 버튼이 체크되었는지의 여부
defaultChecked -> 라디오 버튼이 처음 체크되었는지의 여부
type -> <input>택에서 type에 입력된 값("radio")
메소드
click() -> 라디오 버튼을 클릭시키는 메소드
이벤트 핸들러
onClick -> 라디오 버튼을 클릭하는 순간에 실행되는 이벤트 핸들러
value
value 의 특성은 라디오 버튼에 할당되어 있는 값을 저장하고 있는 곳으로
<input> 택의 value 속성으로 지정된 값을 포함하고 있다. 그런데 라디오
버튼의 경우에는 value값을 구하는데 좀 문제가 있다. 그것은 모든 라디오
버튼의 이름이 동일하기 때문이다. 그래서 각각의 라디오 버튼을 지정할
수없다. 그래서 이 값을 배열로 보는 것이다.
<forn name="myform">
<input type="radio" name="ra" value="r">
<input type="radio" name="ra" value="a">
<input type="radio" name="ra" value="d">
<input type="radio" name="ra" value="i">
<input type="radio" name="ra" value="o">
</form>
"document.myform.ra.[0]" => 첫번째 라디오
"document.myform.ra.[1]" => 두번째 라디오
"document.myform.ra.[2]" => 세번째 라디오
"document.myform.ra.[3]" => 네번째 라디오
"document.myform.ra.[4]" => 다섯번째 라디오
length
length의 특성은 현재 라디오 버튼 그룹에 몇 개의 라디오 버튼이 속해
있는지를 알려주게 된다. 이 length 특성 역시 그룹 전체에 해당하는 값
이므로 인덱스를 사용하지 않고 곧바로 구할 수 있다. 예를들어 앞에 나온
라디오 버튼 그룹에 속해 있는 라디오 버튼의 수는 다음과 같다.
document.myform.ra.length
이 length의 특성은 현재 라디오 버튼 그룹에서 선택되어 있는 목록을 찾기
위해 꼭 필요한 값이다. 왜냐하면 현재 몇 개의 라디오 버튼이 있는지를
알아야만 루프를 돌려 모든 라디오 버튼을 검색해 현재 선택되어 있는
것을 찾을 수 있기 때문이다.
'php' 카테고리의 다른 글
| php 함수 trim() (0) | 2008/06/25 |
|---|---|
| 1. Database 시스템 이란? (0) | 2008/06/19 |
| Radio 객체 (0) | 2008/06/18 |
| this 의 의미 (0) | 2008/06/18 |
| date_sub() (0) | 2008/06/17 |
| concat이용 날짜수정 (0) | 2008/03/11 |
TAG
Radio
