Aktivieren Sie den Optionsschalter beim Klicken auf div

8

Ich möchte Radio-Button aktivieren / deaktivieren, wenn ich auf das Eltern-Div klicken. Optionsfelder sind ursprünglich ausgeblendet.

Ich habe versucht, das zu erreichen, indem ich <label> um das div wickelte. Es funktioniert, aber jQ.toggleClass funktioniert nicht mehr.

HTML

%Vor%

CSS

%Vor%

JQ

%Vor%
  

JSFIDDLE: Ссылка

    
John 21.07.2012, 11:40
quelle

6 Antworten

16

Wie wäre es damit: Ссылка ? Alles was notwendig ist - Eingaben in Label verpacken. Dann brauchen Sie JavaScipt nicht.

    
Serg Hospodarets 21.07.2012, 12:05
quelle
5

Bearbeiten

Hier ist eine Demoversion, die kein JavaScript unterstützt:

CSS:

%Vor%

HTML (Hinweis: label muss nach input )

sein %Vor%

Mit jQuery:

Anstatt mehrere ID -Eingaben (was FALSCH ist) zu verwenden, verwenden Sie das name -Attribut!
Wenn Sie Ihre Radiobuttons richtig benennen, schließen Sie sich ihnen in einer glücklichen Radiofamilie an!

jsFiddle-Demo HTML:

%Vor%

jQuery:

%Vor%

Aus dem DOCS: Ссылка

    
Roko C. Buljan 21.07.2012 11:57
quelle
2

Versuchen Sie Folgendes: Ссылка

Um eine einzelne Optionsschaltfläche zu aktivieren, sollten Sie sie nach Namen gruppieren (geben Sie denselben Namen für alle Schaltflächen an, die Teil der Gruppe sind)

    
naresh 21.07.2012 11:53
quelle
2

Sie können prop() Methode verwenden, versuchen Sie Folgendes:

%Vor%

DEMO

Bitte beachten Sie, dass IDs eindeutig sein müssen und dass Radio Buttons Namenseigenschaften haben sollten, damit sie richtig funktionieren:

%Vor%     
undefined 21.07.2012 11:55
quelle
2

Sagen Sie mir, wenn Sie das wollen: Ссылка

Jquery (aktualisiert)

%Vor%

});

    
SVS 21.07.2012 11:49
quelle
0

Versuchen Sie Folgendes:

Ссылка

Um jQuery-Event-Bubbling zu umgehen, habe ich reguläres JS verwendet, um den click () auszulösen.

%Vor%     
Simon 05.04.2013 22:22
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset iOS - Wie erstelle ich eine "Dienstprogramm" -Klasse, die alle meine Controller aufrufen können