Sometimes, we want to get the selected radio button’s value with JavaScript.
In this article, we’ll look at how to get the selected radio button’s value with JavaScript.
How to get the selected radio button’s value with JavaScript?
To get the selected radio button’s value with JavaScript, we use querySelector.
For instance, we write
const value = document.querySelector('input[name="genderS"]:checked').value;
to call querySelector to select the radio button with name attribute set to genderS.
Then we get the checked radio button from the group with :checked.
And we get the value of its value attribute with value.
Conclusion
To get the selected radio button’s value with JavaScript, we use querySelector.
