Prüfen, ob mindestens eine Checkbox aktiviert ist

Avatar of Chris Coyier
Chris Coyier am

In diesem Beispiel wird ein Submit-Button deaktiviert, wenn keine der Checkboxen aktiviert ist, und aktiviert, wenn mindestens eine aktiviert ist.

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

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

Der Trick besteht darin, dass Sie .is(":checked") auf ein jQuery-Objekt mit einer Reihe von Elementen anwenden können, und es gibt true zurück, wenn eines davon aktiviert ist, und false, wenn keines davon aktiviert ist. UND, durch die Verwendung von .attr() für das disabled-Attribut mit diesem booleschen Wert wird dieser Button aktiviert/deaktiviert.

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

checkboxes.click(function() {
    submitButt.attr("disabled", !checkboxes.is(":checked"));
});