sehr neu zu Javascript, aber jede Hilfe, um mich zu beginnen würde geschätzt. Ich habe eine einfache Form:
%Vor%Ich möchte, dass das Kontrollkästchen "Fries" ausgegraut ist, es sei denn, der Radioknopf "Burger" ist ausgewählt. Ich bin nicht sicher, ob Javascript oder CSS der beste Weg ist, es zu tun. Vielen Dank im Voraus!
Ich habe festgestellt, dass Sie nicht angeben, ob Sie jQuery verwenden können oder nicht. Wenn das eine Option ist, sehen Sie bitte einen der anderen Beiträge, wie ich es sehr empfehlen kann.
Wenn Sie jquery nicht verwenden können, versuchen Sie Folgendes:
%Vor%Einfaches Beispiel für jsFiddle
Was Sie tun möchten, ist die Deaktivierung der Elemente, bis sich der Zustand des Funkgeräts ändert, was mit Javascript geschehen würde, und dann würden Sie die deaktivierte Klasse in der onchange des Optionsfelds hinzufügen / entfernen / p>
Welche Javascript-Bibliotheken verwenden Sie? jQuery würde das ziemlich einfach machen.
%Vor%Mit etwas CSS3 können Sie eine sehr simple Lösung erstellen. Hier ergrauen wir die Schaltfläche nicht, aber Sie machen sie nur sichtbar, wenn das Kontrollkästchen aktiviert ist. Aber wir könnten es auch mit ein bisschen mehr CSS über dieses Beispiel ausmalen. Sie müssen immer überlegen, welche Art von Unterstützung Sie anbieten möchten. Aber wenn Sie mit modernen Browsern arbeiten, sollten Sie es einfach ausprobieren.
Hier ist das HTML
%Vor%Hier ist das CSS
%Vor%Und hier ist die DEMO Ссылка
Wenn Sie jQuery verwenden, eine wirklich einfach zu bedienende Javascript-Bibliothek (die ich sehr für Anfänger empfehlen würde), können Sie das tun Führen Sie dies in zwei Schritten aus, indem Sie einem script -Tag auf Ihrer Seite, die Folgendes enthält, einen Code hinzufügen:
Dieser Code macht drei Dinge:
change -Ereignisse auf #burger . function . disabled von #fries auf die Eigenschaft checked von #burger . Verwenden von jQuery: Ссылка (Labels wurden auch Labels hinzugefügt)
Tags und Links javascript css checkbox radio