본문 바로가기

HTML / CSS / Java Script

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


Checkbox 객체

체크상자에 정보를 제공하는 객체 <input type="checkbox"> 이용해서 형성 name속성을 부여한 이름을 이용해서 checkbox객체에 접근 가능함


document.체크상자이름.속성;
document.체크상자이름.메소드( );


checked : 체크상자가 선택됐는지 아닌지 true, false 값
defaultChecked : 처음에 기본으로 선택되있는지 해제인지 true, false 값
name : 체크상자이름
type : 해당입력양식의 타입
value : 버튼의 값


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




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