Validar Radio Buton

[matias_80]

Hola gente, necesito su ayuda!!

Quiero validar un radio buton q se genera dinamicamente por PHP

<input type="radio" name="opcion" id="radio_option" value="<?php echo $idres; ?>">

Lo que quier hacer es recorerlo y comprobar (antes de darle el submit) si hay algun radio seleccionado, sino lo esta que me tire un alert q debo seleccionar uno, tengo la idea pero no logro recorrerlo, aca pongo la funcion js para q me den una mano......

function validarRadio()
{
try
{
var radio = document.getElementById('radio_option').value;
for (i=0;i<radio.length;i++)
{
radio.checked;
}
alert(radio);
return true;
}
catch (e) {alert('[validarRadio] ' + e); return false;}
}

Aca es donde me pierdo ya que no logro recorrerlo!!

Gracias por su ayuda!!!!!

[derkenuke]

Procura identar tu código para que sea de más fácil lectura, e insertarlo entre las etiquetas [php]:

Código PHP:

  function validarRadio(){
    try {
        var radio = document.getElementById('radio_option').value;
        for (i=0;i<radio.length;i++) {
            radio.checked;
        }
        alert(radio);
        return true;
    }
    catch (e) {
        alert('[validarRadio] ' + e); 
        return false;
    }
} 
   

Se verá más bonito y sobre todo más legible. Veo que no posteas un HTML que complemente a este script. Nadie podrá probarlo si no lo haces (y por supuesto no debería contener PHP, aquí estudiamos el javascript, no tenemos por qué tener intérprete PHP):

Código PHP:

  <input type="radio" name="opcion" id="radio_opt1" value="valor1">
<input type="radio" name="opcion" id="radio_opt2" value="valor2">
<input type="radio" name="opcion" id="radio_opt3" value="valor3">
<input type="radio" name="opcion" id="radio_opt4" value="valor4"> 
   

Por otra parte, la respuesta que buscas la encontrarás probablemente en google, buscando "javascript" y tu título de post "validar radio". En esta dirección puedes aprender a validar formularios bastante paso a paso: http://www.quirksmode.org/js/forms.html

Espero que te ayude para próximos posts.

Saludos!

[Panino5001]

El ejemplo de derdenuke no lo entendí. Esta es otra manera de hacerlo, aunque sería mejor adaptarlo al evento onsubmit del form:

Código:

<script> 
function verif(){ 
var pepez=0; 
for(i=0; ele=document.bov.elements[i]; i++){ 
if (ele.type=='radio') 
if (ele.checked){pepez=1;break;}} 
if (pepez==1){document.bov.submit();}else{ 
alert('Debe seleccionar alguno de los Items');return;} 
} 
</script> 
<form name="bov" method="post" action=""> 
<input type="radio" name="pepe"> 
<br> 
<input type="radio" name="pepe"> 
<br> 
<input type="radio" name="pepe"> 
<br> 
<input type="button" name="Submit" value="Enviar" onclick="verif()"> 
</form>

[derkenuke]

Noup, lo mío no era un ejemplo, era el código de matias_80 directamente..