Aktivieren Sie alle Kontrollkästchen beim Laden der Seite mit jQuery

8

Beim Laden von Seiten mit jQuery, wie kann ich alle Kontrollkästchen in einem bestimmten div automatisch auswählen?

    
sevens 27.06.2010, 07:46
quelle

4 Antworten

19
%Vor%     
redsquare 27.06.2010, 07:48
quelle
11

Die Leute scheinen wirklich verwirrt darüber zu sein, wie man das in jQuery macht. Das Aktivieren eines Kontrollkästchens ist viel einfacher und effizienter ohne es. Im Folgenden werden die Stärken von jQuery beim Auswählen und Iterieren einer Liste von Knoten in Kombination mit der einfacheren DOM checked -Eigenschaft von Kontrollkästchenelementen verwendet:

%Vor%

Es ist nicht allzu schwer, jQuery in diesem Fall komplett auszufällen:

%Vor%

AKTUALISIEREN

Seit der Veröffentlichung von jQuery 1.6 und prop() gibt es einen vernünftigen Weg, dies in jQuery zu tun:

%Vor%     
Tim Down 27.06.2010 17:24
quelle
2

Was redquare hat, wird funktionieren, aber es ist eine bessere Idee, true / false mit diesen zu verwenden Da sie so normalisiert sind, hier sind ein paar Beispiele dafür, warum dies eine praktische Angewohnheit ist. Zum Beispiel:

%Vor%

Sie können dies hier testen

Gewöhnen Sie sich stattdessen an, einen booleschen Wert zu übergeben, der vielseitiger ist, zum Beispiel:

%Vor%

Dies ermöglicht viel mehr Flexibilität in mehr knappen Code, sagen wir zum Beispiel hatten wir eine "Check All" Checkbox auf der Oberseite, wie würde das aussehen?

%Vor%

Jetzt mussten wir eine neue Funktion einführen, .removeAttr() . Um fair zu sein, das ist sogar, wie es die jQuery-Dokumentation im Beispiel macht . Aber Sie können das erheblich reduzieren, wenn Sie die Normalisierung nutzen, die jQuery intern ausführt:

%Vor%

Dies ist nur etwas, das Sie beim Programmieren beachten sollten, die gleichen Regeln wie für .attr('disabled') . Es gibt andere Bereiche, in denen auch eine Normalisierung stattfindet ... wahrscheinlich sind die Ereignisse die umfangreichsten, wenn Sie neugierig sind Sie können das hier sehen , es ist bereits für Sie gemacht, verwenden Sie es:)

    
Nick Craver 27.06.2010 10:39
quelle
0

Dies ist Arbeit in Firefox v.17.01. Noch nicht in einem anderen Browser getestet.

// Aktivieren und markieren Sie Checkboxen beim Laden

%Vor%

Siehe das Beispiel:

JS FIDDLE

    
KeepMove 02.10.2013 14:26
quelle

Tags und Links