Aktivieren / Deaktivieren der Bootstrap-Kontrollkästchen mit jQuery

8

Ich habe gestern einen weiteren Beitrag veröffentlicht und hatte keinen Erfolg damit. Ich werde jetzt versuchen, die Idee neu zu ordnen und wieder zu fragen, da ich die Lösung dafür nicht finden kann (ich bin ein Neuling und ich versuche wirklich hart).

Die Sache ist, dass ich mit dieser Vorlage arbeite, die auf Bootstrap basiert, und dies ist der Code, den ich direkt aus einer der Dateien sehen kann und den ich in meinem Projekt verwende:

HTML-Code:

%Vor%

Nach vielen Suchen habe ich bei der Überprüfung festgestellt, dass mein Code so aussieht (Snippet):

%Vor%

Wie Sie sehen können, werden ein weiteres div und ein anderer Bereich hinzugefügt (ernsthaft, warum oder wie). Ich vermute, dass es jetzt ein DOM-Problem ist, das ich habe.

Das ist ein Ausschnitt meiner js-Datei:

%Vor%

Also diese Funktion wählt ALLE Checkboxen aus, die ich habe (obwohl die, die ich nicht haben will, weil sie zu einer anderen Kategorie gehören).

Ich möchte wissen, warum div und span hinzugefügt werden und wie nur die gewünschten Kontrollkästchen ausgewählt werden.

Dafür habe ich Code wie diesen versucht, aber keinen Erfolg:

Test 1

%Vor%

test2

%Vor%

und so andere, die ich gelöscht habe.

HINWEIS: Bei der Überprüfung von

werden keine js-Fehler angezeigt     
Limon 05.08.2014, 15:48
quelle

4 Antworten

6

Da ich erwähnte, dass diese Funktion alle Checkboxen überprüfte, die ich hatte (obwohl die, die nicht überprüft werden sollten), habe ich versucht, nach der Lösung zu suchen:

%Vor%

Aber das wollte ich nicht. Ich erwähnte auch, dass ich festgestellt habe, dass der Code bei der Überprüfung "anders" war (in Chrome mit F12). Wie @thecbuilder gesagt hat, ändert es sich, um Stil hinzuzufügen.

Ich habe festgestellt, dass sich der Code ändert ... Ich musste die Klasse (Checkbox) ändern, von der ich die "span tag" -Suche gestartet habe, also ändere ich das Kontrollkästchen der Klasse in id states und das ist das Ergebnis:

%Vor%

Jetzt funktioniert es endlich.

    
Limon 05.08.2014, 17:23
quelle
5

Außerdem ist es wichtig, bei Auswahl der Checkboxen prop zu true hinzuzufügen:

%Vor%     
Mufaddal Saifee 05.06.2015 07:30
quelle
2

Ich denke, Sie suchen nach Code wie:

%Vor%

JsFiddle Beispiel

Wenn sich der Status des Kontrollkästchens mit der ID allstates ändert, ermitteln Sie den Wert des Kontrollkästchens, suchen Sie das erste übergeordnete HTML-Element mit einer Klasse namens controls und aktualisieren Sie dann nur alle Kontrollkästchen in diesem Element mit dem Wert checked .

    
Erik Philips 05.08.2014 16:10
quelle
0

Einfaches Bootstrap-Kontrollkästchen

%Vor%

Beim Debuggen im Chrome-Entwicklungstool sieht die Beschriftung wie aus Ссылка

Für den Checkbox-Status setzen Sie einfach true|false auf lable.control.checked

%Vor%

Videodemo Ссылка

    
Anh Le Hoang 17.01.2017 01:54
quelle