This component is not supported for Google Ads, Google AdMob, AMPHTML ads, video ads, or image ads.
The Checkbox component lets you add checkboxes to your project. Users can check as many checkboxes as they like.
If you want users to select only a single option from a group of options, use the Radio Button component instead.
To use the Checkbox component in your project:
- Open the Components panel, then the UI folder.
- Drag the Checkbox
component to the stage.
- You may want to use the Label component to display text next to the checkbox.
- To detect when the checkbox changes between being checked and unchecked, set up an event. You can also create a custom action that only happens if the checkbox is checked.
Example custom action code
var confirmation_checkbox = document.getElementById('checkbox_1');
if confirmation_checkbox.checked {
// Proceed with action only if checkbox is checked.
...
}
Properties
| Property | Description |
|---|---|
| Name | The component name. |
| Checked | When you select this property, the checkbox is checked by default. |
| Value | The value of this checkbox when it's checked. |
Events and actions
Events sent by the Checkbox componentYou can trigger other actions based on the following Checkbox component event:
| Event | Description |
|---|---|
| Change | Sent when the checkbox is checked or unchecked. |
To select this event in the Event dialog, set the Checkbox component as the target.
Learn how to configure events.
Preview
You can't interact with UI components inside the Google Web Designer interface. To see the component in action, preview your document in your preferred browser. The appearance of UI components may vary depending on the browser.
