Control de checbox

elwata · #1 (**permalink**) 26/11/2007, 11:44

Hola amigos del foro,estoy programando en php....Cómo puedo controlar la cantidad de checbox marcados en un formulario.
Por ejemplo si en una casilla de texto tengo el valor 4, cómo puedo hacer para q sólamente me permita marcar 4 checkbox y no mas????

Salu2

Elwata

marcopoloaz06 · #2 (**permalink**) 27/11/2007, 03:14

Hola elwata, ps aki te dejo este cÓdigo sencillito ke hice pero resulta:
el Javascript

Código PHP:

  <script type="text/javascript">
var _n=0,_nCh=6; // _nCh=Número de Checkbox
function fc(th){
 switch(th.checked){
  case true:
   if(_n>=(document.getElementById("_num").value || _nCh)){
    th.checked=false;
    return false;
   }_n++;
   break;
  case false:
  _n--;
  break; 
 }
}
</script>

y el HTML

Código HTML:

<input type="text" id="_num" maxlength="1" value="" /><br><br>
	
	<input type="checkbox" onClick="fc(this);" /><br>
	<input type="checkbox" onClick="fc(this);" /><br>
	<input type="checkbox" onClick="fc(this);" /><br>
	<input type="checkbox" onClick="fc(this);" /><br>
	<input type="checkbox" onClick="fc(this);" /><br>
	<input type="checkbox" onClick="fc(this);" />

TambieN puedes poner mas protección a el input de el número, permitiendo
la entrada unicamente de números

Espero te resulte, bueno zaludoz~ bye..

JavierB · #3 (**permalink**) 27/11/2007, 09:07

Hola elwata

Otra forma de conseguirlo:

http://www.forosdelweb.com/f13/conta...onados-431687/

Saludos,

elwata · #4 (**permalink**) 27/11/2007, 10:39

Muchas gracias `por la ayuda, funciona ok, aunque tengo q ajustarlo a lo que quiero porque el valor de cantidad de checbox para marcar lo controlo con un option select: 4,8,12
Pero si cambio de 12 a 8....los checkbox se quedan marcados, sería ideal que se refrescaran los checbox cada vez q cambio el valor del option select.

Este es el detalle que me falta para q mi script esté completo.

Gracias

Elwata

JavierB · #5 (**permalink**) 27/11/2007, 12:21

Hola de nuevo.

Un ejemplo más completo:

Código PHP:

  <html>
<head>
<script type="text/javascript">
function validacion(obj) {
  limite=obj.form.sele.value;
  num=0;
  if (obj.checked) {
    for (i=0; ele=obj.form.elements[i]; i++)
      if (ele.checked) num++;
  if (num>limite)
    obj.checked=false;
  }
}  
function borrar(frm) {
  for (i=0; ele=frm.elements[i]; i++)
    if (ele.type=='checkbox')
      ele.checked=false;
}
</script>
</head>
<body>
<form>
<select name="sele" onchange="borrar(this.form)">
<option value="2">2</option>
<option value="3">3</option>
</select>
<input type="checkbox" name="fruit" onchange="validacion(this)" />
<input type="checkbox" name="fruit" onchange="validacion(this)" />
<input type="checkbox" name="fruit" onchange="validacion(this)" />
<input type="checkbox" name="fruit" onchange="validacion(this)" />
</form>
</body>
</html>

Saludos,

elwata · #6 (**permalink**) 30/11/2007, 08:32

Muchas gracias por la ayuda.

Elwata