Skip to main content


The Checkbox control is designed to allow users to select one or more options from a predefined list of choices. It provides a visual interface that enables users to pick multiple options from the available set.

Checkbox Control
Checkbox Control

Binding Data Options

The Checkbox control allows users to select multiple options from a list of choices. To populate the Checkbox control with data, you can use the Bind Data option, which accepts an array of string in JSON format.

Static Data Option

For instance, let's consider a scenario where you want to create a Checkbox control with a list of software programming languages. Here's an example of using the Bind Data option with an array of programming languages:


Selected Options - Data Binding

To set default selected options in the Checkbox control, let's say you want "JavaScript" and "Python" pre-selected, use the Bind Data - Selected Option section with an array of string values:


It's crucial to provide the exact strings representing the specific selected options based on the Checkbox control's properties.


ThemeChoose the color of the Checkbox control from available themes or set a custom hex code.
PlaceholderSet a hint displayed in the Checkbox control when no default selected options are present.

Control Outputs

The outputs from the Checkbox control, represented by the placeholder {{checkbox}}, can be referenced in other controls, data queries, or JavaScript functions using the control's unique name.

checkboxRepresents the user-selected values from the Checkbox control.


value_selectOccurs when there is a change in the values of the control, typically triggered by selecting other options or inputting new values.