{"id":235233,"date":"2024-05-21T06:07:45","date_gmt":"2024-05-21T06:07:45","guid":{"rendered":"https:\/\/namso-gen.co\/blog\/?p=235233"},"modified":"2024-05-21T06:07:45","modified_gmt":"2024-05-21T06:07:45","slug":"how-to-get-the-value-of-radio-button-in-javascript","status":"publish","type":"post","link":"https:\/\/namso-gen.co\/blog\/how-to-get-the-value-of-radio-button-in-javascript\/","title":{"rendered":"How to get the value of radio button in JavaScript?"},"content":{"rendered":"

When working with forms in JavaScript, it is common to need to retrieve the value of a selected radio button. Radio buttons are a type of input element that allows users to select only one option from a list. To get the value of a selected radio button in JavaScript, you can use the following approach:<\/p>\n

**Simply use the following code:**
\n“`javascript
\nvar radioBtnValue = document.querySelector(‘input[name=”nameOfRadioGroup”]:checked’).value;
\n“`<\/p>\n

This code snippet utilizes the `querySelector` method to select the checked radio button within a specific radio button group by its name attribute. The `value` property is then used to retrieve the selected value.<\/p>\n

\n
\n

Table of Contents<\/p>\nToggle<\/span><\/path><\/svg><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n