Input Radio checked 속성

HTML DOM Input 라디오 객체

정의와 사용법

checked 단일 선택 버튼의 선택 상태를 설정하거나 반환합니다.

이 속성은 HTML checked 속성을 반영합니다.

추가 참조:

HTML 참조 설명서:HTML <input> checked 속성

실例

예제 1

지정된 단일 선택 버튼을 선택하고 선택을 취소합니다:

function check() {
  document.getElementById("red").checked = true;
}
function uncheck() {
  document.getElementById("red").checked = false;
}

직접 시도해 보세요

예제 2

단일 선택 버튼이 선택되었는지 확인합니다:

var x = document.getElementById("myRadio").checked;

직접 시도해 보세요

예제 3

단일 선택 버튼을 사용하여 입력 필드의 텍스트를 대문자로 변환합니다:

document.getElementById("fname").value = document.getElementById("fname").value.toUpperCase();

직접 시도해 보세요

예제 4

양식 내의 여러 단일 선택 버튼:

var coffee = document.forms[0];
var txt = "";
var i;
for (i = 0; i < coffee.length; i++) {
  if (coffee[i].checked) {
    txt = txt + coffee[i].value + " ";
  }
}
document.getElementById("order").value = "주신 커피에 추가된 것: " + txt;

직접 시도해 보세요

문법

checked 속성 반환:

radioObject.checked

checked 속성 설정:

radioObject.checked = 참|아닙니다

속성 값

값 설명
true|false

단일 선택 버튼이 선택되어야 하는지 여부를 정의합니다.

  • true - 단일 선택 버튼이 선택됨
  • false - 기본값. 단일 선택 버튼이 선택되지 않음

기술 세부 사항

반환 값： 부울 값, 단일 선택 버튼이 선택된 경우 반환 true；반대로 반환 false。

브라우저 지원

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
지원 지원 지원 지원 지원

HTML DOM Input 라디오 객체