Wie machen Sie einen HTML-Radio-button Fett auf Sie ein?
In HTML, ich habe den radio-button Auswahl
o Wahl 1
o Wahl von 2
o Wahl 3
Was ich gerne tun würde, ist, wenn jemand Wählt einen radio-button von oben, dass der text für den jeweiligen radio-button ausgewählt wird Fett.
So, zum Beispiel, wenn die person wählt "Auswahl 2", das radio-button-Auswahl würde jetzt so Aussehen:
o Wahl 1
o Wahl 2
o Wahl 3
Wie mache ich das? Ich nehme an, entweder JavaScript oder CSS verwendet werden.
Vielen Dank im Voraus
UPDATE: Wie würden Sie das umsetzen "nickf" Lösung ohne die Verwendung von jQuery?
- dieser Seite gibt auch eine sehr einfache, konforme und non-js-Lösung
Du musst angemeldet sein, um einen Kommentar abzugeben.
Können Sie dies tun, rein mit CSS, aber Sie brauchen, um wickeln Sie den text für jede Eingabe in ein span oder anderen tag:
Dann verwenden Sie einfach die Geschwister-Selektor:
Könnten Sie versuchen zu tun, alles mit CSS.
Ich versuchte dies und es funktioniert1:
Erklärung: Diese fängt alle Bereiche nach einem radio-input (type="radio") und ist geprüft.
1 getestet habe ich mit Firefox 3 und IE7 und es funktioniert nur mit Firefox. (Kompatibilität Referenz)
Ich würde so etwas tun:
Mit einem
onchange
- handler auf jedes element zu ändern, die CSS-Klasse des parent-label. In jQuery würde es so Aussehen:Nur daran erinnern, überschreiben die Standard-Formatvorlage für Etiketten (die ist Fett):
Verwenden Sie das OnChange-Ereignis in Ihrer
select
zum ändern der css-Stil wird das gewählte element zu Fett.Dies funktionieren könnte, habe ich nicht getestet von mir. Natürlich gibt es wesentlich schönere Lösungen.
Hättest du ein JavaScript-framework (wie jQuery) eingefügt in den code, es hat wahrscheinlich viele Funktionen zur Verfügung, um das gleiche zu tun. Selektoren, Freestyler, css-Handler und viele mehr.
Ich würde eher empfehlen die Erstellung einer CSS-Klasse wie folgt aus:
Dann einfach hinzufügen oder entfernen Sie diese definition in der class-Attribut einer beliebigen Taste.
Hier ist ein Beispiel :
EDIT : definieren Sie Ihren text umfasst mit den ids so : span_
amüsant deine Knöpfe haben Beschriftungen um Sie herum den text, würde ich dies hinzufügen der Etiketten.
Obwohl im Idealfall würde ich nicht diesen code inline, aber es Haken, um Sie von irgendwoher in den Kopf, nachdem die Seite geladen wurde.