Desactivar Todos!

messer · #1 (**permalink**) 21/06/2007, 09:34

Saludos Amig@s!!
Me gustaria saber como puedo hacer para que al activar un checkbox se desactiven todos los demas, ejm:

tengo 4 checkboxes, al activar 1 de ellos (cualquiera) el resto pase su estado a disabled, y de igual modo al desactivarlo se habiliten todos de nuevo...

Sera que me pueden ayudar??

se me ocurrio algo como esto:

function intercambia(tr){
var nam=tr.name
for(i=0; i=11; i++){
if(hab[i]==nam){
document.formulario.hab[i].disabled=false;
}
}

Pero de ahi en adelante, me pierdo, ya que no conozco tanto de javascript..

Espero por sus consejos //

Gracias!

JavierB · #2 (**permalink**) 21/06/2007, 09:59

Hola messer

A ver si te sirve este ejemplillo:

Código PHP:

  <html>
<head>
<script type="text/javascript">
function activa(obj) {
  for (i=0; ele = obj.form.elements[i]; i++)
    if (ele != obj)
      ele.disabled = obj.checked;
}
</script>
</head>
<body>
<form>
<input type="checkbox" onclick = "activa(this)" />
<input type="checkbox" onclick = "activa(this)" />
<input type="checkbox" onclick = "activa(this)" />
</form>
</body>
</html>

Saludos,

caricatos · #3 (**permalink**) 21/06/2007, 09:59

Hola:

Prueba esto:

Código:

<html>
<head>
<title>
	prueba
</title>
<script type="text/javascript">
function marcando(c) {
estado = c.checked;
for (i = 0, todos = c.form[c.name], total = todos.length; i < total; i ++)
  todos[i].disabled = (todos[i] == c) ? false : estado;
}
</script>
</head>
<body >
<form>
<input type="checkbox" name="prueba" value="2" onclick="marcando(this)" />
<input type="checkbox" name="prueba" value="2" onclick="marcando(this)" />
<input type="checkbox" name="prueba" value="2" onclick="marcando(this)" />
<input type="checkbox" name="prueba" value="2" onclick="marcando(this)" />
<input type="checkbox" name="prueba" value="2" onclick="marcando(this)" />
</form>
</body>
</html>

Saludos

JavierB · #4 (**permalink**) 21/06/2007, 10:03

Hola caricatos. ¡Cuanto tiempo sin chocar!

Saludos,

caricatos · #5 (**permalink**) 21/06/2007, 10:04

Hola:

¡Que raro que se me adelantara JavierB!

Es que no vi el semáforo

La diferencia que veo es que el código de JavierB (¡Hola

!) deshabilita todo, y mi código deshabilita los controles con el mismo nombre... son matices...

Saludos

messer · #6 (**permalink**) 21/06/2007, 10:17

Muchas Gracias a los 2, pero hay un detalle, Uds. colocan los checkboxes con el mismo nombre, mis checkboxes tienen distintos nombres.. de todos modos seguire probando a ver.. Saludos!!

JavierB · #7 (**permalink**) 21/06/2007, 10:22

Hola de nuevo.

Puedes meter los checkbox que quieres manejar dentro de un div:

Código PHP:

  <html>
<head>
<script type="text/javascript">
function activa(obj) {
  d = document.getElementById('chk');
  for (i=0; ele = d.getElementsByTagName('input')[i]; i++)
    if (ele != obj)
      ele.disabled = obj.checked;
}
</script>
</head>
<body>
<form>
<div id="chk">
<input type="checkbox" name="c1" onclick = "activa(this)" />
<input type="checkbox" name="d2" onclick = "activa(this)" />
<input type="checkbox" name="f3" onclick = "activa(this)" />
</div>
</form>
</body>
</html>

Saludos,

P.D. ¿chocaremos, no chocaremos...?

caricatos · #8 (**permalink**) 21/06/2007, 10:29

Hola:

Para distintos nombres te recomiendo que los agrupes (tal vez en un fieldset)

Código:

<html>
<head>
<title>
	pruebas
</title>
<script type="text/javascript">
function marcando(c) {
estado = c.checked;
for (i = 0, todos = c.parentNode.childNodes, total = todos.length; i < total; i ++)
if (todos[i].form == c.form)
  todos[i].disabled = (todos[i] == c) ? false : estado;
}
</script>
</head>
<body >
<form>
<fieldset><legend>grupo</legend>
<input type="checkbox" name="prueba1" value="2" onclick="marcando(this)" />
<input type="checkbox" name="prueba2" value="2" onclick="marcando(this)" />
<input type="checkbox" name="prueba3" value="2" onclick="marcando(this)" />
<input type="checkbox" name="prueba4" value="2" onclick="marcando(this)" />
<input type="checkbox" name="prueba5" value="2" onclick="marcando(this)" />
</fieldset>
<input type="checkbox" name="prueba7" value="2" onclick="marcando(this)" />
</form>
</body>
</html>

Saludos

messer · #9 (**permalink**) 21/06/2007, 15:06

Bien casi ni he tenido tiempo, hare un break para chequear sus ejemplos con calma, pero los probe y funcionan los 2..

Gracias por sus respuestas, Saludos!!

caricatos · #10 (**permalink**) 22/06/2007, 00:12

Hola:

La verdad es que poner una serie de checkboxes con distinto nombre no me parece lógico... lo normal es que tengan el mismo nombre y distinto value, pero tu sabrás como haces tus páginas (sobre todo, en casos como el que planteas, donde hay una evidente dependencia...)

Saludos

messer · #11 (**permalink**) 23/06/2007, 11:50

Les comento, probe los 2 scripts; el de JavierB funciona pero deshabilita todos los elementos input, entonces tambien los textfield, lo cual no me conviene. Por otro lado el de caricatos funciona unicamente cuando estan exlusivamente dentro del fieldset; si coloco los checkboxes dentro de una tabla aun estando dentro del fieldset, deja de funcionar..

Creo que lo mejor es hacerlo como comentan al principio, todos con un mismo nombre y distintos valores, ya que tengo unos textfields que dependen del valor de los checkboxes; uno de "subtotal", uno de "descuento" y otro de "total"..

Saludos!

programeitor · #12 (**permalink**) 23/06/2007, 14:54

hola ,mira aqui hay una funcion que hace eso...

messer · #13 (**permalink**) 25/06/2007, 06:45

Estimado programeitor, el script que aparece en el link lo que hace es activar y desactivar, es logico que se confunda ya que debi colocar en el nombre del post "deshabilitar todos" y no "desactivar todos" ya que lo que se esta manejando es deshabilitar algunos campos y otros no..
De todos modos gracias por tu aporte.

Saludos!!

caricatos · #14 (**permalink**) 25/06/2007, 09:49

Cita:

Iniciado por messer

Les comento, probe los 2 scripts; el de JavierB funciona pero deshabilita todos los elementos input, entonces tambien los textfield, lo cual no me conviene. Por otro lado el de caricatos funciona unicamente cuando estan exlusivamente dentro del fieldset; si coloco los checkboxes dentro de una tabla aun estando dentro del fieldset, deja de funcionar..

Creo que lo mejor es hacerlo como comentan al principio, todos con un mismo nombre y distintos valores, ya que tengo unos textfields que dependen del valor de los checkboxes; uno de "subtotal", uno de "descuento" y otro de "total"..

Saludos!

Hola:

La verdad es que nuestras respuestas suelen ser orientativas, y los interesados deben poner algo de su parte, pero la decisión que estás tomando es en mi opinión la mejor.

Saludos