Sets or gets the check state.

Code examples

Set the checked property.

 let checkbox = document.querySelector('jqx-checkbox');

 checkbox.checked = false;

Get the checked property.

 let checkbox = document.querySelector('jqx-checkbox');

 let checked = checkbox.checked;

Sets the click mode of the checkbox. Possible values: 'press', 'release', 'pressAndRelease'.

Code examples

Set the clickMode property.

 let checkbox = document.querySelector('jqx-checkbox');

 checkbox.clickMode = 'pressAndRelease';

Get the clickMode property.

 let checkbox = document.querySelector('jqx-checkbox');

 let clickMode = checkbox.clickMode;

Enables or disables the checkbox.

Code examples

Set the disabled property.

 let checkbox = document.querySelector('jqx-checkbox');

 checkbox.disabled = false;

Get the disabled property.

 let checkbox = document.querySelector('jqx-checkbox');

 let disabled = checkbox.disabled;

Sets or gets the widget's label

Code examples

Set the enableContainerClick property.

 let checkbox = document.querySelector('jqx-checkbox');

 checkbox.enableContainerClick = true;

Get the enableContainerClick property.

 let checkbox = document.querySelector('jqx-checkbox');

 let enableContainerClick = checkbox.enableContainerClick;

Sets or gets the widget's innerHTML

Code examples

Set the innerHTML property.

 let checkbox = document.querySelector('jqx-checkbox');

 checkbox.innerHTML = 'Checkbox Label';

Get the innerHTML property.

 let checkbox = document.querySelector('jqx-checkbox');

 let innerHTML = checkbox.innerHTML;

Sets or gets the widget's name

Code examples

Set the name property.

 let checkbox = document.querySelector('jqx-checkbox');

 checkbox.name = 'New Name';

Get the name property.

 let checkbox = document.querySelector('jqx-checkbox');

 let name = checkbox.name;

If the custom element is readonly, it cannot be interacted with.

Code examples

Set the readonly property.

 let checkbox = document.querySelector('jqx-checkbox');

 checkbox.readonly = false;

Get the readonly property.

 let checkbox = document.querySelector('jqx-checkbox');

 let readonly = checkbox.readonly;

Sets or gets a value indicating whether widget's elements are aligned to support locales using right-to-left fonts.

Code examples

Set the rightToLeft property.

 let checkbox = document.querySelector('jqx-checkbox');

 checkbox.rightToLeft = false;

Get the rightToLeft property.

 let checkbox = document.querySelector('jqx-checkbox');

 let rightToLeft = checkbox.rightToLeft;

Sets or gets the widget's value

Code examples

Set the value property.

 let checkbox = document.querySelector('jqx-checkbox');

 checkbox.value = 'New Value';

Get the value property.

 let checkbox = document.querySelector('jqx-checkbox');

 let value = checkbox.value;

This event is triggered when the widget is checked/unchecked.

Code examples

Bind to the change event by type: jqxCheckbox

 let checkbox = document.querySelector('jqx-checkbox'); 

 checkbox.addEventListener('change', function (event) {
     // event handling code goes here.
 }