Sets the state of the element.

Code examples

Set the checked property.

 let toggleButton = document.querySelector('jqx-toggle-button');

 toggleButton.checked = false;

Get the checked property.

 let toggleButton = document.querySelector('jqx-toggle-button');

 let checked = toggleButton.checked;

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

Code examples

Set the clickMode property.

 let toggleButton = document.querySelector('jqx-toggle-button');

 toggleButton.clickMode = 'release';

Get the clickMode property.

 let toggleButton = document.querySelector('jqx-toggle-button');

 let clickMode = toggleButton.clickMode;

Enables or disables the ratio button.

Code examples

Set the disabled property.

 let toggleButton = document.querySelector('jqx-toggle-button');

 toggleButton.disabled = false;

Get the disabled property.

 let toggleButton = document.querySelector('jqx-toggle-button');

 let disabled = toggleButton.disabled;

Sets the inner HTML of the element.

Code examples

Set the innerHTML property.

 let toggleButton = document.querySelector('jqx-toggle-button');

 toggleButton.innerHTML = 'New Toggle Button Label';

Get the innerHTML property.

 let toggleButton = document.querySelector('jqx-toggle-button');

 let innerHTML = toggleButton.innerHTML;

Sets or gets the widget's name.

Code examples

Set the name property.

 let toggleButton = document.querySelector('jqx-toggle-button');

 toggleButton.name = 'New Name';

Get the name property.

 let toggleButton = document.querySelector('jqx-toggle-button');

 let name = toggleButton.name;

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

Code examples

Set the readonly property.

 let toggleButton = document.querySelector('jqx-toggle-button');

 toggleButton.readonly = false;

Get the readonly property.

 let toggleButton = document.querySelector('jqx-toggle-button');

 let readonly = toggleButton.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 toggleButton = document.querySelector('jqx-toggle-button');

 toggleButton.rightToLeft = false;

Get the rightToLeft property.

 let toggleButton = document.querySelector('jqx-toggle-button');

 let rightToLeft = toggleButton.rightToLeft;

Sets or gets the widget's value.

Code examples

Set the value property.

 let toggleButton = document.querySelector('jqx-toggle-button');

 toggleButton.value = 'New Value';

Get the value property.

 let toggleButton = document.querySelector('jqx-toggle-button');

 let value = toggleButton.value;

This event is triggered when the state of the element is changed.

Code examples

Bind to the change event by type: jqxToggleButton

 let toggleButton = document.querySelector('jqx-toggle-button'); 

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