determinando el valor del botón de radio seleccionado

para recuperar el valor del botón de radio seleccionado dentro de un grupo, puede encontrar dificultades utilizando métodos convencionales. Este artículo proporciona una solución a este problema común.

Considere la siguiente estructura HTML para un conjunto de botones de radio:

 
 para obtener el valor del botón seleccionado usando JavaScript, puede intentar inicialmente este código: 
 
var rates = document.getElementById('rates').value;
 
 Sin embargo, este enfoque recupera la ID del elemento Div que contiene en lugar del valor del botón de radio seleccionado. Para abordar este problema, utilice el siguiente código: 
 
document.querySelector('input[name="rate"]:checked').value;
 
 Este código usa el método QuerySElector para seleccionar el primer elemento de botón de radio coincidente dentro de las tasas Div, asegurando que usted obtenga el valor del botón verificado específicamente. 
]