JavaScript/jQuery RadioGroup - Keyboard Support

An end user can use the following keys to interact with the UI component.

Key	Action
↑ or Page Up	Moves focus to the previous radio button.
↓ or Page Down	Moves focus to the next radio button.
Home / End	Moves focus to the first/last radio button.
Enter or Space	Selects the focused radio button.

Use the registerKeyHandler(key, handler) method to implement a custom handler for a key.

JavaScript


function registerKeyHandlers () {
    const radioGroup = $("#radioGroupContainer").dxRadioGroup("instance");
    radioGroup.registerKeyHandler("backspace", function(e) {
        // The argument "e" contains information on the event
    });
    radioGroup.registerKeyHandler("space", function(e) {
        // ...
    });
}

JavaScript/jQuery RadioGroup - Keyboard Support

See Also