Pruebe si al menos una casilla de verificación está marcada - Trucos CSS

Anonim

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.

 

El truco es que puede usarlo .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, usar .attr()para el disabledatributo 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")); ));