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"));
});
Das ist net!
elegante Lösung
sehr schön
Danke! Genau das, was ich brauchte!
Können wir dasselbe mit einer UL-LI-Struktur machen? Ich benutze eine benutzerdefinierte Auswahlliste, die SELECT-OPTION-Tags in UL-LI umwandelt. Also hätten wir
beim Klicken auf das LI und ich möchte, dass mindestens EIN LI die Klasse selected hat. Und wenn nicht, sollte eine Benachrichtigung erfolgen und die Seite nicht neu geladen werden.
Können Sie mir helfen?
Sie können das Parsley Validation Plugin verwenden. Es ist wirklich cool und nützlich. Und einfach zu bedienen. Hier ist der Link
http://parsleyjs.org/
Viel Spaß.....
vbnvbnvbn
Das ist großartig!! Du bist ein Programmier-Ninja! ;)