Code zum Aktivieren / Deaktivieren der Kontrollkästchen in Bootstrap 3.0

8

Ich habe versucht, eine Button-Gruppe zu verwenden (gemäß den Anweisungen in Ссылка ) und dann ihre zu analysieren Werte in ein verschobenes Array:

Code für die btn-Gruppe

%Vor%

Code zum Lesen der Werte

%Vor%

So weit, so gut. (Selbst wenn ich sicher bin, dass der Code besser geschrieben werden könnte.)

Mein Problem tritt jedoch auf, wenn ich versuche, die Werte der Kontrollkästchen programmgesteuert auf zu setzen . Ich habe es irgendwie geschafft, die Werte der Checkboxen mit einer Anzahl von Methoden $(this).prop('checked', true) usw. zu ändern, die die Hintergrundwerte zu aktualisieren scheinen, aber es ändert nichts an der Darstellung der Schaltflächen.

Ich habe eine Reihe von Lösungen gesehen, aber keine, die mit der von Bootstrap 3.0 empfohlenen Methode funktionieren, das Kontrollkästchen btn-group einzurichten. Hat jemand eine Lösung?

    
uvesten 25.09.2013, 13:12
quelle

2 Antworten

11

Wenn Sie beim Klicken auf die Bootstrap-Schaltflächen einen DOM-Editor verwenden, sehen Sie, dass eine Klasse active zum Label hinzugefügt wird (nicht die Checkbox-Eingabe), wenn auf die Schaltfläche geklickt wird.

Um die Schaltflächen programmgesteuert umzuschalten, verwenden Sie die Methode Bootstrap .button('toggle') auf dem Etikett:

%Vor%

Ссылка

Dies wird sowohl das Aussehen der Schaltfläche als auch die Eigenschaft checked des Kontrollkästchens innerhalb ändern.

    
Blazemonger 25.09.2013, 13:28
quelle
6

In einem ähnlichen Fall war das für mich:

%Vor%

Was genau das tut, was Sie wollen.

PS. Ich bin mir nicht sicher, ob es das Beste ist, aber es funktionierte für mich damals.

    
Syd 25.09.2013 13:16
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Wie verwende ich den logischen Operator nicht in komplexen bedingten Ausdrücken in Bash? [Duplikat]