Probar si al menos una casilla de verificación está marcada | Programar Plus

En este ejemplo, un botón de envío está deshabilitado si ninguna de las casillas de verificación está marcada y habilitada si al menos una está marcada.

<form>
   <!-- bunch of checkboxes like: -->
   <input type="checkbox" ... >
   <input type="checkbox" ... >

   <!-- submit button, defaults to disabled -->
   <input type="submit" value="submit">
</form>

El truco es que puedes usar .is(":checked") en un objeto jQuery lleno de un montón de elementos y devolverá verdadero si alguno de ellos está marcado y falso si ninguno de ellos lo está. Y, usando .attr() Para el disabled El atributo con ese valor booleano habilitará/deshabilitará ese botón.

var checkboxes = $("input[type="checkbox"]"),
    submitButt = $("input[type="submit"]");

checkboxes.click(function() {
    submitButt.attr("disabled", !checkboxes.is(":checked"));
});
(Visited 4 times, 1 visits today)