Elemente sichtbar schalten wenn radiobutton ist checked

[rollerueckwaerts]

Hallo,

bin noch sehr neu in JS und habe ein paar RadioButtons von denen einer ausgewählt werden kann. Nun möchste ich das sobald man eine der RadioButtons anklickt ein weiteres RadioButton-Menü sichtbar wird.

Ich habe nun die unsichtbaren radiobuttons hinzugefügt aber weiß jetzt nicht mehr weiter.

<script type="text/javascript">
if(document.Formular.radio[2].checked==true) {

document.Formular.radio2[0].hidden = false;
document.Formular.radio2[1].hidden = false;
document.Formular.radio2[2].hidden = false;
document.Formular.radio2[3].hidden = false;
}

</script>

Das ganze wird natürlich nur beim Laden der Seite ausgeführt aber nicht wenn man eine der radioButtons klickt

Jemand einen Tipp nach was ich da googlen kann ?

Vielen Lieben Dank schon jetzt.

 

[timestamp]

Füge in den HTML-Code der Radiobuttons einen Eventhandler ein. Entweder onchange oder onclick.
Näheres findest du hier:
onchange

 

[rollerueckwaerts]

oki, habs rausgefunden. Sorry für den Fred.

Gruß,
tobi

function checkRadioButtons() {

if((document.Formular.radio[2].checked==true)||(document.Formular.radio[3].checked==true)) {

document.Formular.radio2[0].hidden = false;
document.Formular.radio2[1].hidden = false;
document.Formular.radio2[2].hidden = false;
document.Formular.radio2[3].hidden = false;
document.Formular.radio2[4].hidden = false;
document.getElementById('radiotext0').hidden = false;
document.getElementById('radiotext1').hidden = false;
document.getElementById('radiotext2').hidden = false;
document.getElementById('radiotext3').hidden = false;
document.getElementById('radiotext4').hidden = false;
document.getElementById('radiotext5').hidden = false;
} else {
document.Formular.radio2[0].hidden = true;
document.Formular.radio2[1].hidden = true;
document.Formular.radio2[2].hidden = true;
document.Formular.radio2[3].hidden = true;
document.Formular.radio2[4].hidden = true;
document.getElementById('radiotext0').hidden = true;
document.getElementById('radiotext1').hidden = true;
document.getElementById('radiotext2').hidden = true;
document.getElementById('radiotext3').hidden = true;
document.getElementById('radiotext4').hidden = true;
document.getElementById('radiotext5').hidden = true;
}
}

document.addEventListener('click',checkRadioButtons,false);

 

[timestamp]

Boah Kollege, schaue dir mal Schleifen an!

function checkRadioButtons() {
  status = !(document.Formular.radio[2].checked || document.Formular.radio[3].checked);
  for( i = 0; i <= 4; i++ ){
    document.Formular.radio2[i].hidden = status;
    document.getElementById('radiotext'+i).hidden = status;
  }
  document.getElementBId('radiotext5').hidden = status;
}