checked 속성

checked 속성은 checkbox 플래그 또는 radio 스위치를 기본적으로 선택된 상태로 만듭니다.

값이 없는 속성입니다.

예제 . 체크박스

다음 예제에서는 두 개의 체크박스가 만들어집니다: 첫 번째는 선택될 것입니다 (checked 속성이 주어졌기 때문에), 두 번째는 선택되지 않을 것입니다:

html<input type="checkbox" checked>
<input type="checkbox">

Результат:

예제 . 라디오 버튼

두 개의 라디오 버튼을 만들어 보겠습니다 - 첫 번째는 선택될 것입니다 (checked 속성을 지정했기 때문에), 두 번째는 선택되지 않을 것입니다:

html<input type="radio" name="radio" checked>
<input type="radio" name="radio">

Результат:

참고 항목

  • checked 의사 클래스,
    선택된 요소에 스타일을 지정합니다
  • selected 속성,
    셀렉트 항목을 선택된 상태로 만듭니다