jQuery wählen Sie mehrere Attribute aus und aktivieren / deaktivieren Sie ein anderes Kontrollkästchen

Dies wird tun, was Sie angefordert haben:

jsFiddle-Arbeitsbeispiel

Anmerkungen:

1. Oben deklarierte Variablen, damit sie nicht mit jedem Kontrollkästchen neu deklariert werden müssen, klicken Sie auf

2. jsFiddle fügt das Deaktivieren von F und PR hinzu, wenn DPH aktiviert ist ( andernfalls kann der Benutzer nach der Überprüfung des DPH-Feldes DANN entweder PR oder F prüfen).

3. Sie müssen Ihre Checkboxen nicht als Gruppen abfragen (wie vom vorherigen Responder vorgeschlagen)

4. Wenn es schwierig ist, zu folgen, kann diese Zeile in drei Zeilen unterteilt werden:
   num = $this.attr('name').split('[')[1].replace("]", "");

name = $this.attr('name'); //returns eph-ds[####][]
temp = name.split('[')[1]; //returns ####]
num = temp.replace("]", ""); //removes trailing ]

Das API-Beispiel verwendet Anführungszeichen, um dieses Problem zu beheben.

Und um sie alle unabhängig von der dynamischen Zahl auszuwählen, verwenden Sie attr^=value

Ссылка

Versuchen Sie Folgendes:

So:

Sie müssen die Kontrollkästchen umbrechen, um sie als Gruppen abfragen zu können. Ich habe Ihr Markup folgendermaßen vereinfacht:

Sie können immer noch Ihre Labels und alle dom-Elemente hinzufügen, die Sie für Ihr Styling und Ihre Struktur haben, aber wichtig ist ein Wrapper (div.row in meinem Fall)

Verwenden Sie jetzt das folgende Skript:

Das sollte es tun :) Sie können immer noch die .isChecked (), .check () und .uncheck () auf einem anderen Kontrollkästchen in Ihrem Dokument verwenden (Sie müssen sich also nicht wiederholen)

Überprüfen Sie dieses JSFiddle-Beispiel

HTML-Code

JQuery -Code

hat das in 10 Minuten gemacht

bitte überprüfen Sie meine minimalistische Annäherung

Ich denke, dass das erforderliche Verhalten von Chekboxen nichts mit ihren Werten zu tun hat