Elemente sichtbar schalten wenn radiobutton ist checked

rollerueckwaerts

Erfahrenes Mitglied
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.

HTML:
<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.
 
Zuletzt bearbeitet:
oki, habs rausgefunden. Sorry für den Fred.

Gruß,
tobi


HTML:
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);
 
Boah Kollege, schaue dir mal Schleifen an!


Javascript:
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;
}
 
Zurück