Input Checkbox value 속성

HTML DOM 입력 체크박스 객체

정의와 사용법

value 속성 설정 또는 체크박스의 value 속성의 값을 반환합니다.

체크박스의 경우, value 속성의 내용은 사용자 인터페이스에 표시되지 않습니다. value 속성은 양식을 제출할 때만 의미가 있습니다. 양식을 제출할 때 체크박스가 선택된 상태라면 체크박스의 이름과 value 속성의 값이 함께 전송됩니다 (체크박스가 선택되지 않았다면 어떤 정보도 전송되지 않습니다).

다른 참조도 보세요:

HTML 참조 가이드:HTML <input> value 속성

예제

예제 1

체크박스의 value 속성의 값을 반환합니다:

var x = document.getElementById("myCheck").value;

직접 시도해 보세요

예제 2

체크박스와 연관된 값을 변경하는 방법:

document.getElementById("myCheck").value = "newCheckboxValue";

직접 시도해 보세요

예제 3

양식 제출 - 체크박스와 연관된 값을 변경하는 방법:

document.getElementById("myCheck").value = "newCheckboxValue";
document.getElementById("demo").innerHTML = "value 속성의 값이 변경되었습니다. 다시 양식을 제출해 보세요.";

직접 시도해 보세요

문법

value 속성을 반환하십시오:

checkboxObject.value

value 속성을 설정하십시오:

checkboxObject.value = text

속성 값

값 설명
text 입력과 관련된 값을 정의합니다(제출 시 전송되는 값도 포함됩니다).

기술 세부 사항

반환 값: 체크박스의 value 속성 값을 나타내는 문자열 값.

브라우저 지원

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

HTML DOM 입력 체크박스 객체