Ver Mensaje Individual
  #3 (permalink)  
Antiguo 16/09/2008, 07:52
Avatar de Adler
Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 18 años
Puntos: 126
Respuesta: Validar Checkbox en un solo FORM?

Hola

También puedes probar así. Ya que si te he entendido quieres en ambos grupos de checkbox se marque uno
Cita:
<form name="formmsg" action="xxx.html" method="post" onsubmit="return validaGrupo();">
<div id="listado1">
<input type="checkbox" name="hijos[]" value="1" > 1<br>
<input type="checkbox" name="hijos[]" value="2" > 2<br>
<input type="checkbox" name="hijos[]" value="3" > 3<br>
<input type="checkbox" name="hijos[]" value="4" > 4<br>
</div>
<br>
<br>
<div id="listado2">
<input type="checkbox" name="edad[]" value="1" > 1<br>
<input type="checkbox" name="edad[]" value="2" > 2<br>
<input type="checkbox" name="edad[]" value="3" > 3<br>
<input type="checkbox" name="edad[]" value="4" > 4<br>
</div>
<input type="submit" value="Enviar" />
</form>
Código javascript:
Ver original
  1. <script type="text/javascript">
  2. var lista1 = document.getElementById("listado1").getElementsByTagName("INPUT");
  3. var lista2 = document.getElementById("listado2").getElementsByTagName("INPUT");
  4. function validaGrupo () {
  5. for (var i=0; i<lista1.length; i++)
  6.     if (!lista1[i].checked) {
  7.      alert('Has de selecionar al menos uno 1');
  8.       return false;
  9. }
  10. else
  11. {
  12.  
  13. for (var i=0; i<lista1.length; i++)
  14.     if (!lista2[i].checked) {
  15.      alert('Has de selecionar al menos uno 2');
  16.       return false;
  17. }
  18. else
  19. {
  20. return true;
  21. }
  22. }
  23. }
  24. </script>

Suerte
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />