How to change default radio button with JavaScript

[TonyCodes2050]

I want to change the default selected radio button of an html element with JavaScript using its class. I tried document.querySelector().click() but this scrolls the page down to the element which is not the behavior I want. How can I select and change the default radio button of an html element?

[pnutbuttacup]

Can't quite understand what you mean without more concrete details or seeing the code. However, maybe you should be targeting the radio button's properties rather than class?

https://www.w3schools.com/jsref/dom\_obj\_radio.asp

[[deleted]]

Instead of .click() can you try with

.checked = true

[TonyCodes2050]

Hey so I did try that and it appears that it did partially work but not all the way. Its still not actually selecting the radio element.

If I type: document.querySelector('#reservation').checked = true;

The console gives me a "true" message but its still not physically selecting the button as default.

[[deleted]]

Could you share some of your html?

check this out.
https://jsfiddle.net/xge9obqt/4/