Css button type="radio"

[Simonnnn]

Hallo,
uch arbeite zurzeit an einer Seite wo ich eine auswahl zwischen zwei optionen brauche ungewähr so:

<input type="radio"id="option1">option 1<br>
<input type="radio" id="option1">option 2<br>

bei mir sind aber immer beide schon ausgewählt. Wie kann ich daraus eine auswahl machen, bei der eine option am anfang ausgewält ist und sobald die andere option angeklickt wird nur diese ausgewählt ist?
Danke jetzt schonmal.

VG Simon

 

[t4ub3]

Die zusammengehörigen Inputs brauchen ein gemeinsames "name"-Attribut.

Siehe z.B. hier: https://wiki.selfhtml.org/wiki/HTML/Formulare/input/Radio-Buttons_und_Checkboxen#Radio-Buttons

 

[up.whatever]

Du musst das name Attribut verwenden und bei beiden Buttons auf den gleichen Wert setzen. Mit CSS hat das alles übrigens überhaupt nichts zu tun, das ist 0815 HTML.

 

[Yuuri]

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio

Der Name ist relevant.

 

[BeBur]

https://html5-tutorial.net/forms/radiobuttons/

 

[Simonnnn]

Achso, danke für die schnelle antwort.

VG Simon

 

[RalphS]

Bitte für ordentliches DOM die ID eindeutig machen. Danke.

Auch wenn es etwas irritierend ist, weil id= inzwischen (fast) überall name= ersetzt hat. Nur halt nicht überall, zB bei (CSS) input[type=radio].