Radiobutton stylen

[strukturart]

Hallo,

in einem Formular lasse ich prüfen ob einer Radiobutton aktiviert wurde,
wenn nicht soll er rot eingefärbt werden.

Hab mich so versucht, aber leider erfolglos:

function error3 () {
document.getElementById("geschlecht").style.borderColor="red";}

ist es überhaupt möglich Radiobuttons zu "stylen"?

 

[tombe]

So vielleicht:

document.getElementById("geschlecht").style.backgroundColor = "red";

 

[strukturart]

nein, funktioniert leider nicht.

vll mache ich auch einen Fehler beim erstellen?

<input type="radio"   name="geschlecht" id="geschlecht"value="f">Frau <input type="radio"  id="geschlecht" name="geschlecht" value="m" >Mann<br>

 

[tombe]

Also bei mir geht es so.

Was bei dir allerdings falsch ist, ist das du zweimal den gleichen id-Namen verwendest. Außerdem muss ja zuerst geprüft werden ob eines der beiden markiert wurde oder nicht.

Nochmal etwas anders gelöst:

<script language="javascript" type="text/javascript">
function error () {
	if (document.getElementsByName("geschlecht")[0].checked == false && document.getElementsByName("geschlecht")[1].checked == false) {
		document.getElementById("geschlecht1").style.backgroundColor = "red";
	} else {
		document.getElementById("geschlecht1").style.backgroundColor = "";
	}
}
</script>
<div id="geschlecht1" style="width: 100px;">
<input type="radio" name="geschlecht" id="geschlecht" value="f">Frau
<br />
<input type="radio" name="geschlecht" id="geschlecht" value="m" >Mann
</div>
<br />
<a href="#" onclick="error();">Pr&uuml;fen</a>

 

[strukturart]

Das prüfen mache ist so:

else if (empty($geschlecht)){
echo $text;
echo "<script type=\"text/javascript\">error3();</script>";
 echo "<script type=\"text/javascript\">jump();</script>";

}

 

[tombe]

Ich bin mir jetzt nicht sicher ob ich verstehe wie das bei dir abläuft.

Hast du mal mein obiges Beispiel bei dir getestet? Wenn ich meinen Code mit deinem "vermische", dann funktioniert es ebenfalls!

 

[strukturart]

Hab`s nicht richtig gelesen, du packst die Radiobuttons noch in ein Div färbst das dann ein so klappst.
Ich dachte man kann die Radiobuttons direkt ansprechen.

Danke für deine Hilfe.

 

[tombe]

Du kannst die Button schon direkt "stylen". Habe ich ja im ersten Beispiel auch gemacht.

Da es hier aber immer beide Möglichkeiten ("Mann" / "Frau") betrifft, habe ich beide Buttons in das DIV gepackt und markieren auch beide.