Mit jQuery prüfen, ob das Kontrollkästchen aktiviert ist
Wie kann ich überprüfen, ob ein Kontrollkästchen in einem Kontrollkästchen-Array mit der ID des Kontrollkästchen-Arrays aktiviert ist?
Ich verwende den folgenden Code, aber er gibt immer die Anzahl der angekreuzten Checkboxen zurück, unabhängig von der ID.
function isCheckedById(id) {
alert(id);
var checked = $("input[@id=" + id + "]:checked").length;
alert(checked);
if (angekreuzt == 0) {
return false;
} else {
return true;
}
}
1118
20
Das wird angezeigt, wenn das Kontrollkästchen markiert ist.
Für ein Array von Checkboxen mit demselben Namen können Sie die Liste der angekreuzten Checkboxen erhalten durch:
Um dann in einer Schleife zu sehen, was angekreuzt ist, können Sie Folgendes tun:
Um herauszufinden, wie viele angekreuzt sind, können Sie Folgendes tun:
IDs müssen in Ihrem Dokument eindeutig sein, was bedeutet, dass Sie dies nicht tun sollten:
Lassen Sie stattdessen die ID fallen und wählen Sie sie dann über den Namen oder über ein enthaltendes Element aus:
Und nun die jQuery:
Der obige Code gibt true zurück, wenn das Kontrollkästchen markiert ist, und false, wenn nicht.
Alle folgenden Methoden sind nützlich:
Es wird empfohlen, dass DOMelement oder inline "this.checked" vermieden werden sollte, stattdessen sollte jQuery on-Methode als Ereignis-Listener verwendet werden.
jQuery-Code, um zu prüfen, ob das Kontrollkästchen markiert ist oder nicht:
Alternativ:
Alle unten aufgeführten Methoden sind möglich
Sie können diesen Code verwenden,
Gemäß der jQuery [Dokumentation][1] gibt es folgende Möglichkeiten zu prüfen, ob ein Kontrollkästchen markiert ist oder nicht. Betrachten wir zum Beispiel ein Kontrollkästchen (Check Working [jsfiddle][2] mit allen Beispielen)
Beispiel 1 - Mit angekreuzt
Beispiel 2 - Mit jQuery ist, ANMERKUNG - :checked
Beispiel 3 - Mit jQuery-Prop
Arbeit überprüfen [jsfiddle][2]
[1]: http://api.jquery.com/prop/#prop1 [2]: http://jsfiddle.net/subodhghulaxe/LvQXE/12/
Sie können dies versuchen:
Sie können einen der folgenden empfohlenen Codes per Jquery verwenden.
Ich weiß, dass die OP Jquery will, aber in meinem Fall war reines JS die Antwort. Wenn also jemand wie ich hier ist und keine Jquery hat oder sie nicht verwenden will - hier ist die Antwort von JS:
Sie gibt true zurück, wenn die Eingabe mit der ID myCheck geprüft wird, und false, wenn sie nicht geprüft wird.
So einfach ist das.
Sie können es einfach so machen;
[Working Fiddle][1]
HTML
jQuery
oder noch einfacher;
Wenn das "Ankreuzfeld" angekreuzt ist, gibt es "wahr" zurück, andernfalls "undefiniert".
[1]: http://jsfiddle.net/aash1010/fx7su2rp/2/
Einfache Demo zum Überprüfen und Setzen eines Kontrollkästchens.
[jsfiddle](http://jsfiddle.net/eUK4v/ "dieser Text erscheint, wenn Sie mit der Maus über") fahren!
Nur um zu sagen, dass in meinem Beispiel die Situation ein Dialogfeld war, das dann vor dem Schließen des Dialogs das Kontrollkästchen überprüft hat. Keines der obigen und https://stackoverflow.com/questions/901712/how-do-i-check-if-a-checkbox-is-checked?page=1&tab=active#tab-top und https://stackoverflow.com/questions/7960208/jquery-if-checkbox-is-checked schienen auch nicht zu funktionieren.
Am Ende
Dies funktionierte, indem die Klasse und dann die ID aufgerufen wurde. und nicht nur die ID. Es kann daran liegen, dass die verschachtelten DOM-Elemente auf dieser Seite das Problem verursachen. Die Problemumgehung war oben beschrieben.
Tatsächlich sind laut jsperf.com die DOM-Operationen am schnellsten, dann $().prop() gefolgt von $().is()!
Hier sind die Syntaxen :
Ich persönlich bevorzuge
.prop()
. Im Gegensatz zu.is()
kann es auch zum Setzen des Wertes verwendet werden.1:
So etwas kann helfen
Für Kontrollkästchen mit einer ID
Kontrollkästchen Umschalten markiert
Seit it's Mitte 2019 und jQuery tritt manchmal hinter Dingen wie VueJS, React usw. zurück. Here's eine reine Vanille Javascript onload Hörer Option:
Mit diesem Code können Sie markieren, ob mindestens ein Ankreuzfeld in verschiedenen Ankreuzfeldgruppen oder aus mehreren Ankreuzfeldern markiert ist oder nicht. Auf diese Weise können Sie nicht verlangen, dass IDs oder dynamische IDs entfernt werden. Dieser Code funktioniert mit den gleichen IDs.
Verweis [Link][1]
[1]: http://34codefactory.blogspot.in/2017/12/at-least-one-checkbox-is-checked-from.html