Modificar javascrip para que solo controloe un grupo de checkbox

franjgg · #1 (**permalink**) 26/09/2013, 09:39

hola amigos como estan,

Veran, tengo un formulario en el que tengo dos grupos de checkbox y un codigo para controlar que se pulsan un numero minimo y maximo de ellos, el problema es que necesito que este javascritp solo controle el 1º grupo de checkbox y no el segundo.

Código Javascript:

Ver originalfunction valores(f) {
var numCheckbox = 0;
for(i=0;i<document.form1.elements.length; i++){
    if((document.form1[i].getElementById == 'checkbox') && (document.form1[i].checked == true)){
        numCheckbox++;
    }
}
if(numCheckbox < 3){
 
   alert('has seleccionado menos de 10 checkbox')
}else if(numCheckbox > 4){
 
    alert('has seleccionado mas de 25 checkbox');
}
}
</script>
</head>
<body>
<form name="form1" id="form1">
<div id="m_c1">
<input name="c1[]" type="checkbox" value="0" /> 
<input name="c2[]" type="checkbox" value="1" /> 
<input name="c3[]" type="checkbox" value="2" /> 
<input name="c4[]" type="checkbox" value="3" /> 
<input name="c5[]" type="checkbox" value="4" /> 
<input name="c6[]" type="checkbox" value="5" /> 
</div>
 
<input name="c2" type="checkbox" value="6" />
<input name="c2" type="checkbox" value="7" />
<input name="c2" type="checkbox" value="8" />
<input name="c2" type="checkbox" value="9" />
<input name="c2" type="checkbox" value="10" />
<input name="c2" type="checkbox" value="11" />
 
 
<input type="button" onclick="valores(this.form);" value="mostrar" />
<input type="text" id="sel" value="" />
</form>
</body>
</html>

Como podria hacer para sepaar estos dos grupos de checkbox estando en el mismo form??

Un saludo!

maycolalvarez · #2 (**permalink**) 26/09/2013, 09:56

simple, cambia el ciclo para recorrer los elementos dentro de un DIV (con las funciones del dom)

otra forma simple sería colocar una clase determinada a cada grupo de checks, y usar getElementsByClassName paroa obtener el grupo determinado

franjgg · #3 (**permalink**) 26/09/2013, 10:00

Gracias amigo,

Tambien me pregunto si seria posible hacerlo igual pero en lugar de usar un buttom usando un submit, he probado pero envia el form aun asi no se cumplan las condiciones

Un saludo

maycolalvarez · #4 (**permalink**) 26/09/2013, 10:13

eso es porque debes de retornar false (return false;) al evento onsubmit del form en caso de no cumplirse, de ésa forma evitas que el form se envíe