Sets the click mode of the switch button. This property is active only when switchMode is 'click'. Possible values: 'press', 'release', 'pressAndRelease'.

Code examples

Set the clickMode property.

 let switchButton = document.querySelector('jqx-switch-button');

 switchButton.clickMode = 'pressAndRelease';

Get the clickMode property.

 let switchButton = document.querySelector('jqx-switch-button');

 let clickMode = switchButton.clickMode;

Sets or gets the check state.

Code examples

Set the checked property.

 let switchButton = document.querySelector('jqx-switch-button');

 switchButton.checked = false;

Get the checked property.

 let switchButton = document.querySelector('jqx-switch-button');

 let checked = switchButton.checked;

Enables or disables the ratio button.

Code examples

Set the disabled property.

 let switchButton = document.querySelector('jqx-switch-button');

 switchButton.disabled = false;

Get the disabled property.

 let switchButton = document.querySelector('jqx-switch-button');

 let disabled = switchButton.disabled;

Sets the text representation of checked=false state.

Code examples

Set the falseContent property.

 let switchButton = document.querySelector('jqx-switch-button');

 switchButton.falseContent = 'False';

Get the falseContent property.

 let switchButton = document.querySelector('jqx-switch-button');

 let falseContent = switchButton.falseContent;

Sets or gets indeterminate state of the switch.

Code examples

Set the indeterminate property.

 let switchButton = document.querySelector('jqx-switch-button');

 switchButton.indeterminate = false;

Get the indeterminate property.

 let switchButton = document.querySelector('jqx-switch-button');

 let indeterminate = switchButton.indeterminate;

Sets the direction of switchin. If is true - positions of the switch states are changed.

Code examples

Set the inverted property.

 let switchButton = document.querySelector('jqx-switch-button');

 switchButton.inverted = false;

Get the inverted property.

 let switchButton = document.querySelector('jqx-switch-button');

 let inverted = switchButton.inverted;

Sets or gets the widget's name.

Code examples

Set the name property.

 let switchButton = document.querySelector('jqx-switch-button');

 switchButton.name = 'New Name';

Get the name property.

 let switchButton = document.querySelector('jqx-switch-button');

 let name = switchButton.name;

Sets the orientation of the switch Possible values: 'horizontal', 'vertical'.

Code examples

Set the orientation property.

 let switchButton = document.querySelector('jqx-switch-button');

 switchButton.orientation = 'horizontal';

Get the orientation property.

 let switchButton = document.querySelector('jqx-switch-button');

 let orientation = switchButton.orientation;

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

Code examples

Set the readonly property.

 let switchButton = document.querySelector('jqx-switch-button');

 switchButton.readonly = false;

Get the readonly property.

 let switchButton = document.querySelector('jqx-switch-button');

 let readonly = switchButton.readonly;

Sets the text representation of checked=true state.

Code examples

Set the trueContent property.

 let switchButton = document.querySelector('jqx-switch-button');

 switchButton.trueContent = 'True';

Get the trueContent property.

 let switchButton = document.querySelector('jqx-switch-button');

 let trueContent = switchButton.trueContent;

Sets the orientation of the switch Possible values: 'drag', 'click'.

Code examples

Set the switchMode property.

 let switchButton = document.querySelector('jqx-switch-button');

 switchButton.switchMode = 'drag';

Get the switchMode property.

 let switchButton = document.querySelector('jqx-switch-button');

 let switchMode = switchButton.switchMode;

Sets or gets the widget's value.

Code examples

Set the value property.

 let switchButton = document.querySelector('jqx-switch-button');

 switchButton.value = 'New Value';

Get the value property.

 let switchButton = document.querySelector('jqx-switch-button');

 let value = switchButton.value;

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

Code examples

Bind to the change event by type: jqxSwitchButton

 let switchButton = document.querySelector('jqx-switch-button'); 

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