A check box widget.

Type: Object

The main purpose of the dxCheckBox widget is to allow a user to check or uncheck an option, and perform a specified action when the widget value changes. You can access the current check box state via the checked option. Declare an observable variable and pass it to the checked option to update the variable each time the check box state changes.

var checkBoxState = ko.observable(false);

To create the dxCheckBox widget, add a div element with dxCheckBox Knockout binding within the body of the required view.

<div data-bind="dxCheckBox: { checked: checkBoxState }"></div>

The following demo illustrates how to create a widget without creating an HtmlApplication, views, and layouts. Refer to the Add a widget documentation section to learn how to create widgets within views in a PhoneJS application.

Show Example:


An object defining configuration options for the dxCheckBox widget.


This section describes members used to manipulate the object.