Input Checkbox checked 속성

HTML DOM Input 체크박스 객체

정의와 사용법

checked 속성 설정 또는 체크박스 선택 상태 반환.

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

다른 참조:

HTML 참조 매뉴얼:HTML <input> checked 속성

예제

예제 1

체크박스 선택 상태 설정:

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

본인이 직접 시도해보세요

예제 2

체크박스가 선택되었는지 확인하세요:

var x = document.getElementById("myCheck").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 속성 반환:

checkboxObject.checked

checked 속성 설정:

checkboxObject.checked = true|false

속성 값

값 설명
true|false

체크박스가 선택되어야 하는지 지정합니다

  • true - 체크박스가 선택되었습니다
  • false - 기본값. 체크박스가 선택되지 않았습니다

기술 세부 사항

반환 값: 부울 값, 체크박스가 선택되었을 때 반환됩니다 true체크박스가 선택되지 않았다면, 반환됩니다 false。

브라우저 지원

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

HTML DOM Input 체크박스 객체