Testen Sie, ob mindestens ein Kontrollkästchen aktiviert ist CSS-Tricks

Anonim

In diesem Beispiel ist eine Senden-Schaltfläche deaktiviert, wenn keines der Kontrollkästchen aktiviert ist, und aktiviert, wenn mindestens eines aktiviert ist.

 

Der Trick besteht darin, dass Sie .is(":checked")ein jQuery-Objekt verwenden können, das mit einer Reihe von Elementen gefüllt ist, und es wird true zurückgegeben, wenn eines davon aktiviert ist, und false, wenn keines davon aktiviert ist. UND Wenn Sie .attr()das disabledAttribut mit diesem booleschen Wert verwenden, wird diese Schaltfläche aktiviert / deaktiviert.

var checkboxes = $("input(type='checkbox')"), submitButt = $("input(type='submit')"); checkboxes.click(function() ( submitButt.attr("disabled", !checkboxes.is(":checked")); ));