Hola !! de ante mano se que existen varios post de este tema, pero hay algo que no estoy viendo por lo que no funciona como debe. Tengo un encuesta con radio button y valido que cuando de enviar, no siga si no chequeo una opcion.
El tema es que si no marco nada en una linea no lo verifica y hace el sumit.
Les paso el codigo haber si me pueden dar una mano. Gracias !
Código HTML:
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<script type="text/javascript" >
function validarEleccion(){
var form = document.getElementById("form");
for ( var k = 0; k < 4; k++ ) {
var idradio="rta" + k;
var radios = form.elements[idradio];
var selected_radio = 0;
for( var i = 0; i <=radios.length; i++ ) {
if( radios[i].checked ) {
selected_radio = 1;
alert("ok:" + k);
break
}
}
if ( selected_radio == 0 ){
alert("Debe seleccionar una opción para cada ítem : " + idradio ) ;
break;
}
}
if ( selected_radio == 0 ){
alert(" sale por FALSE");
return false;
}else{
alert("sale por TRUE");
form.submit();
}
}
</script>
<body >
<Form name="form" id="form" action="" method=post>
<table class="form" width="700" >
<tr><td align="left">
<table width='700' border=0>
<tr>
<td colspan="7" id="datosempleado" ><b>1 de 6</b>
<p>
<div id=pregunta align="center">
<h3><b>De Acuerdo a los Productos </b></h3>
Te pedimos que nos indiques tu grado de satisfacción
<br><br>
1=Muy Satisfecho, 2=Medianamente Satisfecho, 3=Poco Satisfecho, 4=Insatisfecho y 5=No Aplica
</div>
</p>
</td>
</tr>
</table>
<br>
<!--<div id=separador align="right" >-->
<!-- - Respuestas Posibles </div>-->
<div align="center">
<table width=70% border=0><tr>
<td class=Dato align=center valign=middle></td>
<td class=titulocampo align=center valign=middle>1</td>
<td class=titulocampo align=center valign=middle>2</td>
<td class=titulocampo align=center valign=middle>3</td>
<td class=titulocampo align=center valign=middle>4</td>
<td class=titulocampo align=center valign=middle>5</td>
</tr>
<tr>
<td class=Dato align="left" valign=middle>Mochila</td>
<td class=Datoenc width=50 valign=middle align=center>
<input type='radio' id='rta0' name='rta0' value='11' />
</td>
<input type=hidden name='presig0' value='20' >
<td class=Datoenc width=50 valign=middle align=center>
<input type='radio' id='rta0' name='rta0' value='12' />
</td>
<input type=hidden name='presig0' value='20' >
<td class=Datoenc width=50 valign=middle align=center>
<input type='radio' id='rta0' name='rta0' value='13' />
</td>
<input type=hidden name='presig0' value='20' >
<td class=Datoenc width=50 valign=middle align=center>
<input type='radio' id='rta0' name='rta0' value='14' />
</td>
<input type=hidden name='presig0' value='20' >
<td class=Datoenc width=50 valign=middle align=center>
<input type='radio' id='rta0' name='rta0' value='15' />
</td>
<input type=hidden name='presig0' value='20' >
</tr>
<tr>
<td class=Dato align="left" valign=middle>Guardapolvo</td>
<td class=Datoenc width=50 valign=middle align=center>
<input type='radio' id='rta1' name='rta1' value='21' />
</td>
<input type=hidden name='presig1' value='30' >
<td class=Datoenc width=50 valign=middle align=center>
<input type='radio' id='rta1' name='rta1' value='22' />
</td>
<input type=hidden name='presig1' value='30' >
<td class=Datoenc width=50 valign=middle align=center>
<input type='radio' id='rta1' name='rta1' value='23' />
</td>
<input type=hidden name='presig1' value='30' >
<td class=Datoenc width=50 valign=middle align=center>
<input type='radio' id='rta1' name='rta1' value='24' />
</td>
<input type=hidden name='presig1' value='30' >
<td class=Datoenc width=50 valign=middle align=center>
<input type='radio' id='rta1' name='rta1' value='25' />
</td>
<input type=hidden name='presig1' value='30' >
</tr>
<tr>
<td class=Dato align="left" valign=middle>Zapatos</td>
<td class=Datoenc width=50 valign=middle align=center>
<input type='radio' id='rta2' name='rta2' value='31' />
</td>
<input type=hidden name='presig2' value='40' >
<td class=Datoenc width=50 valign=middle align=center>
<input type='radio' id='rta2' name='rta2' value='32' />
</td>
<input type=hidden name='presig2' value='40' >
<td class=Datoenc width=50 valign=middle align=center>
<input type='radio' id='rta2' name='rta2' value='33' />
</td>
<input type=hidden name='presig2' value='40' >
<td class=Datoenc width=50 valign=middle align=center>
<input type='radio' id='rta2' name='rta2' value='34' />
</td>
<input type=hidden name='presig2' value='40' >
<td class=Datoenc width=50 valign=middle align=center>
<input type='radio' id='rta2' name='rta2' value='35' />
</td>
<input type=hidden name='presig2' value='40' >
</tr>
<tr>
<td class=Dato align="left" valign=middle>Diccionario</td>
<td class=Datoenc width=50 valign=middle align=center>
<input type='radio' id='rta3' name='rta3' value='41' />
</td>
<input type=hidden name='presig3' value='50' >
<td class=Datoenc width=50 valign=middle align=center>
<input type='radio' id='rta3' name='rta3' value='42' />
</td>
<input type=hidden name='presig3' value='50' >
<td class=Datoenc width=50 valign=middle align=center>
<input type='radio' id='rta3' name='rta3' value='43' />
</td>
<input type=hidden name='presig3' value='50' >
<td class=Datoenc width=50 valign=middle align=center>
<input type='radio' id='rta3' name='rta3' value='44' />
</td>
<input type=hidden name='presig3' value='50' >
<td class=Datoenc width=50 valign=middle align=center>
<input type='radio' id='rta3' name='rta3' value='45' />
</td>
<input type=hidden name='presig3' value='50' >
</tr>
</table>
</div>
<div id=separador> </div>
</td></tr>
<tr><td align="center">
<input class=button type=submit name=bot_alta_var class=botones onClick="validarEleccion();return false;" value=" Siguiente >> ">
</td></tr>
</table>
</form>
</body>
</html>