Ver Mensaje Individual
  #2 (permalink)  
Antiguo 11/06/2014, 21:59
Avatar de Alexis88
Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 13 años, 1 mes
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