All docs
V19.1
24.1
The page you are viewing does not exist in version 24.1.
23.2
The page you are viewing does not exist in version 23.2.
23.1
The page you are viewing does not exist in version 23.1.
22.2
The page you are viewing does not exist in version 22.2.
22.1
The page you are viewing does not exist in version 22.1.
21.2
The page you are viewing does not exist in version 21.2.
21.1
The page you are viewing does not exist in version 21.1.
20.2
The page you are viewing does not exist in version 20.2.
20.1
The page you are viewing does not exist in version 20.1.
19.2
19.1
18.2
18.1
17.2
A newer version of this page is available. Switch to the current version.

DevExtreme jQuery - Overview

The CheckBox is a small box, which when selected by the end user, shows that a particular feature has been enabled or a specific option has been chosen.

View Demo

The following code adds the CheckBox to your page.

jQuery
HTML
JavaScript
<div id="checkBoxContainer"></div>
$(function() {
    $("#checkBoxContainer").dxCheckBox({
        text: "Check me",
        value: undefined
    });
});
Angular
HTML
TypeScript
<dx-check-box
    text="Check me"
    [(value)]="checkBoxValue">
</dx-check-box>
import { DxCheckBoxModule } from "devextreme-angular";
// ...
export class AppComponent {
    checkBoxValue: boolean;
}
@NgModule({
    imports: [
        // ...
        DxCheckBoxModule
    ],
    // ...
})

The CheckBox widget can have the following states: checked (the value option is true), unchecked (value is false), undetermined (value is undefined).

See Also