Wie können Eingabefelder nur angezeigt werden, wenn das Kontrollkästchen aktiviert ist?

7

Grundsätzlich möchte ich nur diese Felder anzeigen, wenn das Kontrollkästchen ausgewählt ist, wenn es nicht ausgewählt wird, verschwinden.

%Vor%

Ich habe versucht, etwas wie:

%Vor%

Jeder Rat würde sehr geschätzt werden =)

    
Latox 28.02.2011, 01:10
quelle

6 Antworten

16

Der "#foo" Selektor sucht nach Elementen, deren id Wert "foo" ist, nicht "name". Als erstes müssen Sie Ihrem Kontrollkästchen ein "id" -Attribut hinzufügen.

Die zweite Sache, um die Sie sich sorgen müssen, ist die Tatsache, dass im IE (zumindest in alten Versionen) das Ereignis "change" nicht ausgelöst wird, bis das checkbox-Element den Fokus verliert. Es ist besser, "Klick" zu behandeln, und was Sie überprüfen möchten, ist das "geprüft" Attribut des Elements.

Was ich schreiben würde, ist etwas wie:

%Vor%     
Pointy 28.02.2011, 01:13
quelle
4

Pointy hat darauf hingewiesen, dass Sie die ID unserer Checkbox setzen müssen (oder verwenden Sie eine Namensauswahl). Sie müssen auch #date (id) anstelle von .date (Klasse) verwenden (oder den HTML-Code erneut ändern).

Arbeitsdemo

    
Matthew Flaschen 28.02.2011 01:17
quelle
3

Das kannst du natürlich mit reinem CSS3 machen:

%Vor%

Die entsprechenden Selektoren sollten auch in jQuery funktionieren.

    
kojiro 28.02.2011 01:17
quelle
0

Versuchen Sie Folgendes:

%Vor%     
Chandu 28.02.2011 01:15
quelle
0

Die Antwort von Matthews funktioniert gut, nur dass die in jQuery 1.7 veraltete .live-Datei die .on-Datei

verwendet %Vor%     
Bryan McRee 19.12.2017 19:06
quelle
-1

Versuchen Sie etwas wie:

%Vor%     
Rob 28.02.2011 01:13
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset So erstellen Sie ein DateTime-Objekt aus einer Zeichenfolge in symfony2 / php