Radio

affv · #1 (**permalink**) 21/10/2003, 11:57

En la Faq's encontre este codigo y no lo puedo hacer funcionar alguien que me ayude es para que no se pueda enviar un formulario si todos los radio no estan sin seleccionar

var el = document.(tu formulario).elements;
for (var i = 0 ; i < el.length ; ++i) {
if (el[i].type == "radio") {
var radiogroup = el[el[i].name];
var itemchecked = false;
for (var j = 0 ; j < radiogroup.length ; ++j) {
if (radiogroup[j].checked) {
itemchecked = true;
break;
}
}
if (!itemchecked) {
i=0;
break;
}
}
}
if (i>0) {
return true;
} else {
alert("No ha respondido todas las preguntas");
return false;
}

affv · #2 (**permalink**) 23/10/2003, 09:11

Alguien que me ayude por favor, solo necesito validar radio botones???

Kaopectate · #3 (**permalink**) 23/10/2003, 09:16

Hola affv.

¿De cual FAQ estamos hablando?

Kaopectate · #4 (**permalink**) 23/10/2003, 09:26

Hola affv.

Lo que debes hacer es colocar el código dentro de una función y luego llamar a la función cuando vayas a validar.

Código PHP:

  <html> 
 <head> 
  <script language="JavaScript"> 
 
   function valida(){ 
    var el = document.frm.elements; 
    for (var i = 0 ; i < el.length ; ++i) { 
     if (el[i].type == "radio") { 
      var radiogroup = el[el[i].name]; 
      var itemchecked = false; 
      for (var j = 0 ; j < radiogroup.length ; ++j) { 
       if (radiogroup[j].checked) { 
        itemchecked = true; 
        break; 
       } 
      } 
      if (!itemchecked) {  
       i=0; 
       break; 
      } 
     } 
    } 
    if (i>0) { 
     return true; 
    } else { 
     alert("No ha respondido todas las preguntas"); 
     return false; 
    } 
   } 
 
  </script> 
 </head> 
 <body> 
  <form name="frm"> 
   <input type="radio" name="r1" value = "0"> 
   <input type="radio" name="r1" value = "1"> 
   <input type="radio" name="r1" value = "2"><br> 
   <input type="radio" name="r2" value = "0"> 
   <input type="radio" name="r2" value = "1"> 
   <input type="radio" name="r2" value = "2"><br> 
   <input type="button" value="Validar" onclick="valida()"> 
  </form> 
 </body> 
</html>

Saludos.

affv · #5 (**permalink**) 23/10/2003, 10:26

Muchas gracias justo lo que necesitaba

KarlanKas · #6 (**permalink**) 23/10/2003, 10:30

Ese código sólo chequea que alguno de los radio buttons esté chequeado de manera tal que si hay algun grupo de radios sin pinchar no va a saltar. ¿Es eso lo que quieres?

Una opción sencilla sería poner tantos hidden como grupos de radios haya y poner en todos los radios que cambie el valor de dicho hidden si se pincha sobre ellos. Un ejemplo sería:

Código PHP:

  <html> 
<head> 
    <title>Prueba</title> 
    <script> 
function comprobar(){ 
    var elementos = document.forms[0].elements; 
    for (var i = 0 ; i < elementos.length ; ++i) { 
        if (elementos[i].type == "hidden" && elementos[i].value=="no") { 
                alert("No ha respondido todas las preguntas"); 
                return false 
            } 
        } 
        document.forms[0].submit() 
} 
    </script> 
    <style> 
    form,input{ 
    font:normal 10px/10px verdana; 
     
    } 
    </style> 
</head> 
 
<body bgcolor="silver"><center> 
<form style="text-align:left;border:solid 1px black;background:white;padding: 30px;width:250px;" action="javascript:alert('Enviando!!')" > 
<p style="font:bold 15px/15px verdana;text-align:center">Super encuesta</p> 
<input type=hidden name=pruebapepe value="no"> 
<input type=hidden name=pruebajuan value="no"> 
<b>¿Qué nombre tiene Pepe?</b><br> 
 
<input type="radio" name="pepe" value="1" onclick=eval("document.forms[0].prueba"+this.name+".value='si'")>José<br> 
 
<input type="radio" name="pepe" value="2" onclick=eval("document.forms[0].prueba"+this.name+".value='si'")>Juan José<br> 
 
<input type="radio" name="pepe" value="3" onclick=eval("document.forms[0].prueba"+this.name+".value='si'")>Federico José<br> 
<br> 
<b>¿Qué nombre tiene Juan?</b><br> 
 
<input type="radio" name="juan" value="1" onclick=eval("document.forms[0].prueba"+this.name+".value='si'")>Juanito el Boina<br> 
 
<input type="radio" name="juan" value="2" onclick=eval("document.forms[0].prueba"+this.name+".value='si'")>Juan José<br> 
 
<input type="radio" name="juan" value="3" onclick=eval("document.forms[0].prueba"+this.name+".value='si'")>Juanin el chiquitín<br> 
<br> 
<b>Nombre de la Madre:</b><br> 
<input value="opcional" onfocus="if(this.value=='opcional'){this.value=''}" type=text name=madre><br> 
<br> 
 
 
 
<input type="button" onclick="comprobar()" value="Enviar consulta"> 
</form> 
</center> 
 
</body> 
</html>

KarlanKas · #7 (**permalink**) 23/10/2003, 10:31

Oppps!! Me entretuve demasiado con las filigranas...

Kaopectate · #8 (**permalink**) 23/10/2003, 15:07

Jeje.

Es lo malo de ser tan imaginativo, que alguien mas parco puede ganarte la partida. Esperemos a ver si la nueva versión de vBulletin trae algo como "bloquear hilo".

Saludos.