Sets or gets the check state.

Code examples

Set the checked property.

 let radioButton = document.querySelector('jqx-radio-button');

 radioButton.checked = false;

Get the checked property.

 let radioButton = document.querySelector('jqx-radio-button');

 let checked = radioButton.checked;

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

Code examples

Set the clickMode property.

 let radioButton = document.querySelector('jqx-radio-button');

 radioButton.clickMode = 'pressAndRelease';

Get the clickMode property.

 let radioButton = document.querySelector('jqx-radio-button');

 let clickMode = radioButton.clickMode;

Enables or disables the ratio button.

Code examples

Set the disabled property.

 let radioButton = document.querySelector('jqx-radio-button');

 radioButton.disabled = false;

Get the disabled property.

 let radioButton = document.querySelector('jqx-radio-button');

 let disabled = radioButton.disabled;

Sets or gets whether the clicks on the container are handled as clicks on the radio button.

Code examples

Set the enableContainerClick property.

 let radioButton = document.querySelector('jqx-radio-button');

 radioButton.enableContainerClick = true;

Get the enableContainerClick property.

 let radioButton = document.querySelector('jqx-radio-button');

 let enableContainerClick = radioButton.enableContainerClick;

Sets or gets the widget's group name.

Code examples

Set the groupName property.

 let radioButton = document.querySelector('jqx-radio-button');

 radioButton.groupName = 'New Group';

Get the groupName property.

 let radioButton = document.querySelector('jqx-radio-button');

 let groupName = radioButton.groupName;

Sets or gets the widget's innerHTML.

Code examples

Set the innerHTML property.

 let radioButton = document.querySelector('jqx-radio-button');

 radioButton.innerHTML = 'New Radio Button Label';

Get the innerHTML property.

 let radioButton = document.querySelector('jqx-radio-button');

 let innerHTML = radioButton.innerHTML;

Sets or gets the widget's name.

Code examples

Set the name property.

 let radioButton = document.querySelector('jqx-radio-button');

 radioButton.name = 'New Name';

Get the name property.

 let radioButton = document.querySelector('jqx-radio-button');

 let name = radioButton.name;

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

Code examples

Set the readonly property.

 let radioButton = document.querySelector('jqx-radio-button');

 radioButton.readonly = false;

Get the readonly property.

 let radioButton = document.querySelector('jqx-radio-button');

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

 radioButton.rightToLeft = false;

Get the rightToLeft property.

 let radioButton = document.querySelector('jqx-radio-button');

 let rightToLeft = radioButton.rightToLeft;

Sets or gets the widget's value.

Code examples

Set the value property.

 let radioButton = document.querySelector('jqx-radio-button');

 radioButton.value = 'New Value';

Get the value property.

 let radioButton = document.querySelector('jqx-radio-button');

 let value = radioButton.value;

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

Code examples

Bind to the change event by type: jqxRadioButton

 let radioButton = document.querySelector('jqx-radio-button'); 

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