Получить выбранное радио значение кнопки с JavaScript

Question

У меня есть форма на моей странице, которая выглядит следующим образом:

<form id="numberForm"> 
<input type="radio" name="number" value="singular"> singular <br> 
<input type="radio" name="number" value="plural"> plural <br> 
</form> 

Как вытащить значение выбранной радио-кнопки (без представить действие) в JavaScript? То, что я хотел бы что-то вдоль линий следующее:

var formInput = document.getElementById("numberForm"); 
var numberInputValue = formInput.SELECTEDBUTTON.value; 

Answer 1

очень близко, вам просто нужно использовать name из группы переключателей вместо «SELECTEDBUTTON», в этом случае "number":

document.getElementById('btn').addEventListener('click', function() { 
 
    var formInput = document.getElementById("numberForm"); 
 
    var numberInputValue = formInput.number.value; 
 
    alert(numberInputValue); 
 
});

<form id="numberForm"> 
 
    <input type="radio" name="number" value="singular"> singular <br> 
 
    <input type="radio" name="number" value="plural"> plural <br> 
 
    <button id="btn">Click</button> 
 
</form>