목차
- <input type="radio"> 객체 정의 - 라디오 인풋
- <input type="radio"> 객체 구문
- <input type="radio"> 객체 예제 - 접근
- <input type="radio"> 객체 예제 - 생성
- <input type="radio"> 객체 속성
<input type="radio"> 객체 정의 - 라디오 인풋
HTML <input type="radio"> 태그(요소) 의미.
<input type="radio"> 객체 구문
[접근]
var x = document.getElementById("요소ID");
또는,
var x = document.getElementById("폼요소ID").elements;
[생성]
var x = document.createElement("INPUT");
x.setAttribute("type", "radio");
<input type="radio"> 객체 예제 - 접근
Homzzang.com 최고: <input type="radio" id="hz">
<button onclick="homzzang()">클릭</button>
<script>
function homzzang() {
var x = document.getElementById("hz");
x.checked = true;
}
</script>
결과보기
<input type="radio"> 객체 예제 - 생성
<button onclick="homzzang()">클릭</button>
<script>
function homzzang() {
var x = document.createElement("INPUT");
x.setAttribute("type", "radio");
document.body.appendChild(x);
}
</script>
결과보기
<input type="radio"> 객체 속성
autofocus
페이지 로드 될 때 radio 버튼이 자동으로 focus 가져야하는지 여부 설정/반환.
checked
radio 버튼의 체크 상태 설정/반환.
defaultChecked
checked 속성의 기본값 반환.
defaultValue
radio 버튼의 기본값 설정/반환.
disabled
radio 버튼의 비활성화 여부 설정/반환.
form
radio 버튼이 포함된 form에 대한 참조 반환.
name
radio 버튼의 name 속성값 설정/반환.
required
양식 제출 전에 radio 체크해야하는지 여부 설정/반환.
type
radio 버튼의 form 요소 유형 반환.
value
radio 버튼의 value 속성값 설정/반환.
※ <input type="radio"> 객체는 표준 속성/메서드/이벤트 지원.