Sets the width.

Code examples

Initialize a jqxCheckBox with the width property specified.

$('#jqxCheckBox').jqxCheckBox({width:"200px"});

Sets the height.

Code examples

Initialize a jqxCheckBox with the height property specified.

$('#jqxCheckBox').jqxCheckBox({height:"400px"});

Gets whether the CheckBox is disabled.

Code examples

Initialize a jqxCheckBox with the disabled property specified.

$('#jqxCheckBox').jqxCheckBox({ disabled:true }); 

Gets or sets the delay of the fade animation when the CheckBox is going to be opened.

Code examples

Initialize a jqxCheckBox with the animationShowDelay property specified.

$('#jqxCheckBox').jqxCheckBox({ animationShowDelay: 200 }); 

Gets or sets the delay of the fade animation when the CheckBox is going to be closed.

Code examples

Initialize a jqxCheckBox with the animationHideDelay property specified.

$('#jqxCheckBox').jqxCheckBox({ animationHideDelay: 200 }); 

Gets or sets the checkbox's size.

Code examples

Initialize a jqxCheckBox with the boxSize property specified.

$('#jqxCheckBox').jqxCheckBox({ boxSize:"15px" }); 

Gets or sets the ckeck state. Possible Values: true, false and null(when the hasThreeStates property value is true).

Code examples

Initialize a jqxCheckBox with the checked property specified.

$('#jqxCheckBox').jqxCheckBox({ checked:true }); 

Gets or sets whether the checkbox has 3 states - checked, unchecked and indeterminate.

Code examples

Initialize a jqxCheckBox with the hasThreeStates property specified.

$('#jqxCheckBox').jqxCheckBox({ hasThreeStates:true }); 

Gets or sets whether the clicks on the container are handled as clicks on the check box.

Code examples

Initialize a jqxCheckBox with the enableContainerClick property specified.

$('#jqxCheckBox').jqxCheckBox({enableContainerClick :true }); 

Gets or sets whether the checkbox is locked. In this mode the user is not allowed to check/uncheck the checkbox.

Code examples

Initialize a jqxCheckBox with the locked property specified.

$('#jqxCheckBox').jqxCheckBox({locked :true }); 

Gets or sets the group name. When this property is set, the checkboxes in the same group behave as radio buttons.

Code examples

Initialize a jqxCheckBox with the groupName property specified.

$('#jqxCheckBox').jqxCheckBox({groupName :"Panel" }); 

'Checked' event is triggered when the checkbox is checked.

Code examples

Bind to the checked event by type: jqxCheckBox.

$('#jqxCheckBox').bind('checked', function (event) { // Some code here. }); 

'Unchecked' event is triggered when the checkbox is unchecked.

Code examples

Bind to the unchecked event by type: jqxCheckBox.

$('#jqxCheckBox').bind('unchecked', function (event) { // Some code here. }); 

'Indeterminate' event is triggered when the checkbox's ckecked property is going to be null.

Code examples

Bind to the indeterminate event by type: jqxCheckBox.

$('#jqxCheckBox').bind('indeterminate', function (event) { // Some code here. }); 

'Change' is triggered when the checkbox's state changes from one state to another.

Code examples

Bind to the change event by type: jqxCheckBox.

$('#jqxCheckBox').bind('change', function (event) { // Some code here. }); 

Checks the ckeckbox.

Code example

Invoke the check method.

$('#jqxCheckBox').jqxCheckBox('check');

Unchecks the ckeckbox.

Code example

Invoke the uncheck method.

$('#jqxCheckBox').jqxCheckBox('uncheck');

Sets the indeterminate state(checked property value is going to be null after calling this method).

Code example

Invoke the indeterminate method.

$('#jqxCheckBox').jqxCheckBox('indeterminate');

Toggles the check state. This method is automatically called when the user clicks the checkbox.

Code example

Invoke the toggle method.

$('#jqxCheckBox').jqxCheckBox('toggle');

Disables the checkbox.

Code example

Invoke the disable method.

$('#jqxCheckBox').jqxCheckBox('disable');

Enables the checkbox.

Code example

Invoke the enable method.

$('#jqxCheckBox').jqxCheckBox('enable');