본문 바로가기

HTML / CSS / Java Script

[JS] 폼기반 객체로 입력 폼제어 [Radio 객체]

Radio 객체


Radio 객체

라디오버튼 정보를 제공하는 객체 <input type="radio"> 이용해서 형성 name속성을 부여한 이름을 이용해서 radio객체에 접근 가능함


document.라디오버튼이름.속성;
document.라디오버튼이름.메소드( );


checked : 라디오버튼이 선택됐는지 해제인지 true, false 값
defaultChecked : 처음에 기본으로 선택되있는지 해제인지 true, false 값
length : 같은이름으로 지정된 라디오버튼갯수
name : 라디오버튼이름
type : 해당입력양식의 타입
value : 버튼의 값


blur( ) : 라디오버튼에 커서를 사라지게함
focus( ) : 라디오버튼에 커서를 위치시킴
click( ) : 버튼을 클릭함



onBlur( ) : 위치했던 커서가 사라질때 이벤트
onFocus( ) : 커서가 위치하면 발생하는이벤트
onClick( ) : 라디오버튼 클릭했을때 발생 이벤트