2 Stimmen

Kontrollkästchen, das ein anderes Kontrollkästchen in jQuery prüft

Code: jsfiddle.net/bVgwc/2/

Ich kann KEINEN Jquery-Code erzeugen, um Darc zu prüfen (unten), wenn ich Darc manuell prüfe (oben) Dasselbe gilt für die beiden anderen.
Darc oben prüfen --> Darc muss unten automatisch geprüft werden
LaVoiture oben ankreuzen --> Lavoiture muss unten automatisch angekreuzt werden
Gerli oben prüfen --> Gerli muss unten automatisch geprüft werden.

Macht das Sinn?

Ive machte eine andere Jquery-Code für eine andere genau die gleiche Situation, aber ich kann es für diesen Fall anpassen.

Kann jemand bitte den Code in den Link schreiben, den ich oben gepostet habe, wo der Live-Code steht?

Leute, dieser Code funktioniert, aber nur für diese spezielle Situation: jsfiddle.net/F7nBL/6/

Kann soembody es an diese aktuelle Situation anpassen, die ich hier darstelle? vielleicht ist dieser Weg einfacher

1voto

FatherStorm Punkte 7075

Behoben in Gabel *Bemerkung: Ist jetzt behoben. Habe einen Fork statt eines Updates gemacht...

Die Logik dahinter ist, allen Kontrollkästchen die gleiche Klasse 'checkDbl' zu geben und jedem übereinstimmenden Paar von Kontrollkästchen die gleiche Klasse Darc, VL, Geril und ein rel zu geben, das mit der zweiten Klasse übereinstimmt. dann ein onChange an die Klasse checkDbl zu binden, das alle Elemente der Klasse ändert, die mit DIESEM rel übereinstimmt, um den gleichen überprüften Zustand zu haben...

 $('.checkDbl').change(function(){
       $('.'+$(this).attr('rel')).attr('checked',$(this).attr('checked'));
    });

1voto

Joris Punkte 3220

Wenn Sie einen Code suchen, der mit Ihrem bestehenden HTML-Code funktioniert, sollte der folgende funktionieren

$("input[type=checkbox]").click(function(){
    var id = $(this).attr("id");
    var fieldName = id.substring(id.lastIndexOf("_")+1);
    var checked = $(this).attr("checked");
    $("div label").each(function(){
        var text= $(this).text().trim();
        if (fieldName == text){
            $(this).find("input").attr("checked",checked);
        }

    });
});

Es ist wahrscheinlich nicht der effizienteste Code, aber er erfüllt seine Aufgabe. Nicht, dass Sie die ID des Darc-Kontrollkästchens ändern müssen in CustomFields[25_3]_Darc anstelle von CustomFields[25_3]_Dark damit es mit dem Darc-Kontrollkästchen funktioniert.

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X