Limitar numero de checkbox

chalchis · #1 (**permalink**) 10/08/2005, 10:22

Hola amigos encontre este post para limitar el numero de checkbox
<html>
<head>
<title>Documento sin título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script>

function maximoChecked(nombre,max) {
checkboxes=document.getElementsByName(nombre);
for(a=0;a<checkboxes.length;a++) { //les aplicamos el evento onclick
checkboxes[a].onclick=function() {
if( this.checked==true) { //iba a ponerle el check
grupo=document.getElementsByName(this.name);
cuantosChecked=0;
for(b=0;b<grupo.length;b++)
if(grupo[b].checked)
cuantosChecked++;
if(cuantosChecked>max) {
alert("Lo siento, el maximo de checkados solo puede ser "+max);
this.checked=false;
}
}
}
}
}

//maximoChecked("entrante",3);

</script>

</head>

<body>
<form name="formulario">
<input type="checkbox" name="entrante" value="valor1" onClick="maximoChecked('entrante',3)">Checkbox1<br >
<input type="checkbox" name="entrante" value="valor2" onClick="maximoChecked('entrante',3)">Checkbox2<br >
<input type="checkbox" name="entrante" value="valor3" onClick="maximoChecked('entrante',3)">Checkbox3<br >
<input type="checkbox" name="entrante" value="valor4" onClick="maximoChecked('entrante',3)">Checkbox4<br >
<input type="checkbox" name="entrante" value="valor5" onClick="maximoChecked('entrante',3)">Checkbox5<br >
<input type="checkbox" name="entrante" value="valor6" onClick="maximoChecked('entrante',3)">Checkbox6<br >
<input type="checkbox" name="entrante" value="valor7" onClick="maximoChecked('entrante',3)">Checkbox7<br >
</form>

</body>
</html>

funcionan bien, pero como le haria si al pasar el numero permitido
en vez de un alert el resto de los check de desabilitaran y viceversa al quitar quitar uno de los ya permitidos vuelvan a habilitarse los demas checkbox.

espero sus comentarios
gracias, saludos

chalchis · #2 (**permalink**) 10/08/2005, 12:40

Hola amigos postea mi respuesta de mi misma pregunta
a ver que opinan o si alguien lo puede hacer mas optimo

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Documento sin título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script>

function seleccionados()
{
var tope=2;
var max=0;
for(var i=0;i<document.forms.ordenamiento.registro.length; i++)
{
if(document.forms.ordenamiento.registro[i].checked==true)
{
//alert(i);
max=max+1;
if(max==tope)
{
//alert("bloqueamos");

for(var ii=0;i<document.forms.ordenamiento.registro.length ;ii++)
{

if(document.forms.ordenamiento.registro[ii].checked!=true)
{
document.forms.ordenamiento.registro[ii].checked=false;
document.forms.ordenamiento.registro[ii].disabled=true;
}
}
break

}
else
{
for(var ii=0;ii<document.forms.ordenamiento.registro.lengt h;ii++)
{
if(document.forms.ordenamiento.registro[ii].disabled==true)
{
document.forms.ordenamiento.registro[ii].disabled=false;
}

}

}

}
}
}

</script>

</head>

<body>
<form name="ordenamiento">
<input type="checkbox" name="registro[]" id="registro" value="1" onclick="seleccionados()" >
<input type="checkbox" name="registro[]" id="registro" value="1" onclick="seleccionados()" >
<input type="checkbox" name="registro[]" id="registro" value="1" onclick="seleccionados()" >
<input type="checkbox" name="registro[]" id="registro" value="1" onclick="seleccionados()" >
</form>

</body>
</html>

toniveas · #3 (**permalink**) 31/01/2012, 05:14

Y esto mismo, pero para limitar el número de checkbox que se desactiven? Osea, previamente ya están todos activados.