Sets or gets the check state.

Code examples

Set the checked property.

 let powerButton = document.querySelector('jqx-power-button');

 powerButton.checked = false;

Get the checked property.

 let powerButton = document.querySelector('jqx-power-button');

 let checked = powerButton.checked;

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

Code examples

Set the clickMode property.

 let powerButton = document.querySelector('jqx-power-button');

 powerButton.clickMode = 'release';

Get the clickMode property.

 let powerButton = document.querySelector('jqx-power-button');

 let clickMode = powerButton.clickMode;

Enables or disables the power button.

Code examples

Set the disabled property.

 let powerButton = document.querySelector('jqx-power-button');

 powerButton.disabled = false;

Get the disabled property.

 let powerButton = document.querySelector('jqx-power-button');

 let disabled = powerButton.disabled;

Sets or gets the widget's name.

Code examples

Set the name property.

 let powerButton = document.querySelector('jqx-power-button');

 powerButton.name = 'New Name';

Get the name property.

 let powerButton = document.querySelector('jqx-power-button');

 let name = powerButton.name;

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

Code examples

Set the readonly property.

 let powerButton = document.querySelector('jqx-power-button');

 powerButton.readonly = false;

Get the readonly property.

 let powerButton = document.querySelector('jqx-power-button');

 let readonly = powerButton.readonly;

Sets or gets the widget's value.

Code examples

Set the value property.

 let powerButton = document.querySelector('jqx-power-button');

 powerButton.value = 'New Value';

Get the value property.

 let powerButton = document.querySelector('jqx-power-button');

 let value = powerButton.value;

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

Code examples

Bind to the change event by type: jqxPowerButton

 let powerButton = document.querySelector('jqx-power-button'); 

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