Como capturar el value de un radio button en javascript?

[adryan310]

Hola a todos,

Tengo esto en mi javascript:

function validate(){
var typeSearch = document.frmSearch.optionsSuccess.value; // Lo hice así primeramente.
var typeSearch = document.getElementsByName('optionsSuccess'); // Luego así también y tampoco funciono.
var radio = typeSearch .value;

if(typeSearch == 'Y' || typeSearch == 'N' || typeSearch =='B'){
alert('Exito!');
}else{
alert('Error!');
}

if(radio == 'Y' || radio == 'N' || radio == 'B'){
alert('Funciono la segunda opcion!');
}else{
alert('Error en segunda opcion tambien!');
}

}

Estos son los radios buttons:

Código HTML:

<form id="frmSearch" name="frmSearch" method="post">
  <input type="radio" checked="true" name="optionsSuccess" value="Y">
  <input type="radio" name="optionsSuccess" value="N">
  <input type="radio" name="optionsSuccess" value="B">
  <input type="submit" id="Search" name="Search" value="Search" onclick="return validate()"/>
</form> 

Pero al parecer mi javascript no me esta capturando los valores de los radios trate con esas dos opciones pero ninguna me funciona, alguna ayuda ?

[PHPeros]

Error típico.

Cuando aplicas getElementsByName() obtienes un array obligatoriamente, aunque se haya registrado un solo elemento. Por lo tanto lo correcto sería:

Código:

document.getElementsByName('optionsSuccess')[0];

Saludos

[adryan310]

Gracias amigo probare y te comento!

[adryan310]

Amigo sirve pero el problema es que tengo 3 radios con el mismo nombre y el mismo id entonces el me captura bien el primero, pero si selecciono el segundo radio que tiene un value diferente al primero, sigue mostrándome el valué del primer radio. Alguna idea de por que es esto ?

Mi codigo:

Código:

var typeSearch = document.getElementsByName('optionsSuccess')[0];
console.log(typeSearch.value);

[PHPeros]

Con un bucle los recorres:

Código:

var elementos = document.getElementsByName('optionsSuccess');

for(var x in elementos){
console.log(elementos[x].value);
}

[adryan310]

Gracias amigo, intentare acoplarlo a lo que necesito, me ayudaste mucho

[adryan310]

Ah se me olvidaba, yo puedo saber los values de esta forma, pero como hago para saber cual es que el esta marcado o con el check ? es que necesito obtener el valor del radio que fue marcado o checkeado, alguna idea please ?

[adryan310]

Probe esto pero no me imprime el que esta checked

for(var x in elementos){
if(elementos[x].checked)
console.log("Elegido: " + elementos[x].value);
else
console.log("No elegidos: " + elementos[x].value);

}

[PHPeros]

Código Javascript:

var elementos = document.getElementsByName('optionsSuccess');
 
for(var x in elementos){
if(elementos[x].checked){
console.log(elementos[x].value);
 }
}
 

Que divertido este tema

[adryan310]

Ya sirve amigo fue un error de mi parte que no vi bien la variable que me presentaba en el console.log gracias

[adryan310]

Amigo todo me esta funcionando al 100 % en Mozilla y chrome pero algo pasa en explorer ya que no funciona este codigo que me recomendaste. Alguna idea de por que sera esto ?

[PHPeros]

Bueno, la verdad es que el for...in debe ser usado exclusivamente para propiedades y no para iterar arrays...(improvisé un poco )
Entonces lo pasamos a un for normal y funcionará con cualquier navegador:

Código Javascript:

var elementos = document.getElementsByName('optionsSuccess');
 
for(var x = 0; x < elementos.length; x++){
if(elementos[x].checked){
console.log(elementos[x].value);
 }
}
 

[adryan310]

Gracias amigo probare