¿Cómo puedo obtener el valor del radio button seleccionado y no todos?

[dfmex]

Hola!!

Hace tiempo tuve la necesidad de recolectar toda la información escrita en campos de texto o select boxs, y por medio de este código creaba una cadena:

Código HTML:

var els = document.forms["Formulario"].elements;
	
	for (var i = 0, len = els.length; i < len; ++i) {
		if (els[i].tagName == "INPUT" || els[i].tagName == "SELECT") {
			if(i == (els.length - 1) ){
				todo += els[i].name + "=" + els[i].value.trim().replace(/\s\s+/g, ' ');
			}
			else{
				todo += els[i].name + "=" + els[i].value.trim().replace(/\s\s+/g, ' ')+ "&";
			}
		}
	}

Resulta que he querido agregar 3 RadioButtons, que son los siguientes:

Código HTML:

<input name="COLOR" id="Rojo" type="radio" value="red">
<input name="COLOR" id="Azul" type="radio" value="blue">
<input name="COLOR" id="Amarillo" type="radio" value="yellow"> 

Y cuando ejecuto la funcion Java me crea una cadena incluyendo los 3 radiobuttons, ejemplo:

COLOR=red&Color=blue&Color=yellow

Y en teoría debería devolverme únicamente el seleccionado, no todos...

¿Alguien podría ayudarme a ver que debo hacer por favor?

De antemano gracias por la ayuda...

[elvisortiz16]

Código HTML:

<input type="radio" name="color" onclick="myFunction(this.value)" value="Azul" checked="true" style="margin-left:90px;">
                                <input type="radio" name="color" onclick="myFunction(this.value)" value="morado" >
 

Código Javascript:

function myFunction(color) {
            alert(color);
         
        }
 

Espero que te sirva... Saludos!

[PHPeros]

Entonces tienes que comprobar si está seleccionado antes de serializarlo:

Código Javascript:

if(els[i].checked)
 

[Alexis88]

O también puedes usar selectores CSS en conjunto con el método querySelector (solo si no vas a trabajar con navegadores antiguos como IE8 o anteriores. Para mayor información, dale clic a este enlace).

Código Javascript:

var marcado = document.querySelector("[type=radio]:checked");
if (marcado){
    todo = marcado.name + "=" + marcado.value;
}
 

Saludos