Saludos a todos!
Tengo un problema que ya me revienta la cabeza hace rato!.
Necesito chequear (validar) a través de Javascript 2 listados de checkbox, donde necesito "obligar" a la persona haga checked en por lo menos algún checkbox de cada listado (es la gracia).
Pero el problema me surge cuando ingreso 2 códigos con .elements, el primer listado me lo valida bien, y el otro nada de nada!.
Este es el código.
Listado 1
<form name="formmsg" action="xxx.html" method="post">
<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>
<br>
<br>
Listado 2
<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>
<img src="images/boton.gif" onclick="validaFilterMsg();">
</form>
===========================
CÓDIGO JAVASCRIPT!
var cont=0;
for(i=0; cnt=document.formmsg.elements[i]; i++) {
if (cnt.type=='checkbox')
if (cnt.checked) {
cont++;
break;
}
}
if (cont==0) {
alert('Debes seleccionar tus hijos');
window.document.formmsg.hijos.focus();
return;
}
==========================
Como explique anteriormente, el LISTADO 1 me lo valida bien, pero necesito agregar una nueva validación para el LISTADO 2, que está dentro del mismo formulario =S, cambie los nombres de las variables, pero tampoco resultó.
Espero su gran ayuda!
