✔ Aktiver Radio-Button -> Farbe ändern

[proloser]

Ich möchte den aktiven Radio-Button mit einer anderen Hintergrundfarbe markieren.

Versucht habe ich es bereits aber leider ohne richtigem Ergebnis:

<script type="text/javascript" language="JavaScript">

function aktivieren() {
	
  if (document.getElementById('radio1').checked == true) { 
    document.getElementById('radio1').style.backgroundColor=#C4D3F6; 
  } else {
    document.getElementById('radio1').style.backgroundColor=#FFFFFF;
  }
    
}
</script>

<form name="form" method="POST">
   <input id="radio1" type="radio" name="submit_radio" value="1" onClick="aktivieren()" />
   <input type="radio" name="submit_radio" value="1" />
</form>

Gruß proloser

 

[proloser]

Ich habe eine Lösung gefunden:

<script type="text/javascript">
function faerben(id){
for(var i=0; i<document.getElementsByTagName("div").length; i++){
document.getElementsByTagName("div")[i].style.backgroundColor="#ffffff";
}
document.getElementById("div"+id).style.backgroundColor="#00ff00"
}
</script>

<form action="" method="post" enctype="multipart/form-data">
  <div id="div1">
    <label for="x1" onclick="faerben('1')">Option</label>
    <input name="xx" id="x1" type="radio" value="1" />
  </div>
  <div id="div2">
    <label for="x2" onclick="faerben('2')">Option</label>
    <input name="xx" id="x2" type="radio" value="1" />
  </div>
</form>

Gruß proloser