Checkbox
The Checkbox control allows users to select one or more items from a list of options or a single element.
Basic Functionality
Demonstrates the basic functionality of the Checkbox control.
The Checkbox control allows users to select one or more items from a list of options or a single element.
new ac.toggles.Checkbox(
{
label: "Do you live on Earth?"
},
"#cntlCheckBox"
);
new ac.toggles.Checkbox(
{
label: "Do you live on Earth?",
indeterminate: true
},
"#cntlIndeterminate"
);
new ac.toggles.Checkbox(
{
label: "Do you live on Earth?",
disabled: true
},
"#cntlDisabled"
);
<div class="form-horizontal form-bordered">
<div class="form-group row">
<label class="form-label col-form-label col-lg-4">Checkbox</label>
<div class="col-lg-8">
<input id="cntlCheckBox" />
</div>
</div>
<div class="form-group row">
<label class="form-label col-form-label col-lg-4">Indeterminate</label>
<div class="col-lg-8">
<input id="cntlIndeterminate" />
</div>
</div>
<div class="form-group row">
<label class="form-label col-form-label col-lg-4">Disabled</label>
<div class="col-lg-8">
<input id="cntlDisabled" type="checkbox" />
</div>
</div>
</div>