Google Ads, Google AdMob, AMP HTML 광고, 동영상 광고 또는 이미지 광고에서는 이 구성요소를 지원하지 않습니다.
체크박스 구성요소를 사용하면 프로젝트에 체크박스를 추가할 수 있습니다. 사용자는 체크박스를 원하는 만큼 선택할 수 있습니다.
사용자가 여러 옵션 중 하나의 옵션만 선택할 수 있도록 하려면 대신 라디오 버튼 구성요소를 사용하세요.
프로젝트에서 체크박스 구성요소를 사용하는 방법:
- 구성요소 패널에 이어 UI 폴더를 엽니다.
- 체크박스 구성요소를 스테이지로 드래그합니다.
- 라벨 구성요소를 사용하여 체크박스 옆에 텍스트를 표시할 수도 있습니다.
- 체크박스가 선택되거나 및 선택 해제된 것을을 감지하려면 이벤트를 설정합니다. 체크박스가 선택된 경우에만 발생하는 맞춤 작업을 만들 수도 있습니다.
맞춤 작업 코드 예
var confirmation_checkbox = document.getElementById('checkbox_1');
if confirmation_checkbox.checked {
// 체크박스가 선택된 경우에만 작업을 진행합니다.
...
}
속성
속성 | 설명 |
---|---|
이름 | 요소의 이름입니다. |
선택됨 | 이 속성을 선택하면 체크박스가 기본적으로 선택된 상태로 표시됩니다. |
값 | 이 체크박스가 선택되었을 때의 값입니다. |
이벤트와 액션
체크박스 구성요소에서 전송하는 이벤트다음 체크박스 구성요소 이벤트를 기반으로 다른 작업을 트리거할 수 있습니다.
이벤트 | 설명 |
---|---|
변경 | 체크박스가 선택되거나 선택 해제되면 전송됩니다. |
이벤트 대화상자에서 이 이벤트를 선택하려면 체크박스 구성요소를 타겟으로 설정하세요.
이벤트 구성 방법 알아보기
미리보기
Google Web Designer 인터페이스 내에서는 UI 구성요소와 상호작용할 수 없습니다. 요소가 작동하는 모습을 보려면 원하는 브라우저에서 문서 미리보기를 실행해야 합니다. UI 구성요소의 모양은 브라우저에 따라 다를 수 있습니다.