Foros del Web » Programando para Internet » Jquery »

Activar o desactivar un boton según los checkbox

Estas en el tema de Activar o desactivar un boton según los checkbox en el foro de Jquery en Foros del Web. Hola, tengo una tabla con registros devueltos desde MySQL y cada uno tiene un checkbox y también tengo un botón para eliminar todos los registros ...
  #1 (permalink)  
Antiguo 11/06/2014, 18:15
 
Fecha de Ingreso: mayo-2003
Ubicación: Lima
Mensajes: 967
Antigüedad: 21 años
Puntos: 8
Activar o desactivar un boton según los checkbox

Hola, tengo una tabla con registros devueltos desde MySQL y cada uno tiene un checkbox y también tengo un botón para eliminar todos los registros que se marquen.

Lo que quiero es saber como hacer para mantener desactivado el botón eliminar si no se marca ni uno y activarlo cuando se marque alguno o varios.

Espero que me puedan ayudar.

Saludos,
__________________
El aprendiz.
  #2 (permalink)  
Antiguo 11/06/2014, 21:59
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 12 años, 5 meses
Puntos: 977
Respuesta: Activar o desactivar un boton según los checkbox

En casos como este es cuando la programación orientada a eventos se luce:

Código HTML:
Ver original
  1. Check 1: <input type = "checkbox" />
  2. Check 2: <input type = "checkbox" />
  3. Check 3: <input type = "checkbox" />
  4.  
  5. <button disabled>Botón</button>

Código Javascript:
Ver original
  1. var control = 0;
  2.  
  3. $(":checkbox").click(function(){
  4.     if (this.checked) control++;
  5.     else control--;
  6.  
  7.     if (control > 0) $("button").prop("disabled", false);
  8.     else $("button").prop("disabled", true);
  9. });

Cuando des un clic en cualquier checkbox, verificas que dicho checkbox esté marcado, de ser así, incrementas el valor de control en 1, caso contrario, es decir, si al darle clic al checkbox, lo desmarcas, entonces decrementas su valor en 1. Finalmente, evalúas el valor de control; si es mayor a cero, es decir, si se marcaron uno o más checkbox, habilitas al botón, caso contrario, lo deshabilitas.



Saludos
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand
  #3 (permalink)  
Antiguo 12/06/2014, 16:17
 
Fecha de Ingreso: mayo-2003
Ubicación: Lima
Mensajes: 967
Antigüedad: 21 años
Puntos: 8
Respuesta: Activar o desactivar un boton según los checkbox

Muchas gracias Alexis, me sirvió mucho.
__________________
El aprendiz.

Etiquetas: boton, checkbox, desactivar, según
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 10:23.