formularfeld nach auswahl ein/ ausblenden

[EKKi]

Mahlzeit seanjohn,

ich möchte gerne das nach der Auswahl ( intern / extern ) die Formularfelder für die Person eingeblendet bzw. ausgeblendet werden. Kann mir jemand helfen? hier der code:

... den wir jetzt Zeile für Zeile durchsuchen und Dir dann DIE Lösung auf dem Silbertablett servieren sollen? Nein danke.

.Stil1 {
color: #800000;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.Stil3 {font-family: Verdana, Arial, Helvetica, sans-serif}
.Stil5 {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
.Stil7 {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #990000; }

Das sind SEHR schlechte Bezeichnungen für Klassen. Verwende sinnvolle.

<h4 align="justify" class="Stil1"> <em>Auswahl der Anforderung</em></h4>

Was jetzt? Eine Überschrift 4. Ordnung (wo sind eigentlich die Überschriften 1. - 3. Ordnung?) oder "wichtig, betont"? Verwende HTML-Tags sinnvoll.

<pre class="Stil3"><input type="radio" name="Auswahl" value="Hausintern" />    <span class="Stil3">Bestellung für Mitarbeiter (Hausintern)            <input type="radio" name="Auswahl" value="Hausextern" />    Bestellung für Kunden (Hausextern)</span>

</pre>

Mein Vorschlag (nur aus dem Ärmel, ungetestet und durchaus verbesserungswürdig):

<script type="text/javascript">  
  
[code lang=javascript]function changeAuswahl(rad) {  
  if (rad.checked) {  
    var frm = rad.form;  
    var tbodies = frm.getElementsByTagName('tbody');  
  
    for(var i = 0; i < tbodies.length; i++) {  
      var tbody = tbodies[i];  
      tbody.style.display = (tbody.className == rad.value) ? '' : 'none';  
    }  
  }  
}  

</script>
<form>
<table>
  <thead>
    <tr>
      <th>Auswahl</th>
      <td>
        <input type="radio" name="Auswahl" id="Auswahl_Hausintern" value="Hausintern" onclick="changeAuswahl(this);"><label for id="Auswahl_Hausintern">Bestellung für Mitarbeiter (Hausintern)</label>
        <input type="radio" name="Auswahl" id="Auswahl_Hausextern" value="Hausextern" onclick="changeAuswahl(this);"><label for id="Auswahl_Hausintern">Bestellung für Kunden (Hausextern)</label>
      </td>
    </tr>
  </thead>
  <tbody class="Hausintern">
    [...]
  </tbody>
  <tbody class="Hausextern">
    [...]
  </tbody>
  <tbody class="Hausintern">
    [...]
  </tbody>
  <tbody class="Hausextern">
    [...]
  </tbody>
</table>
</form>[/code]

MfG,
EKKi