• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Klick auf Radio Button - set Visible/Hidden

Status
Für weitere Antworten geschlossen.
R

rayn

Neues Mitglied
Hallo Leute,
ich habe ein für euch alte html/css Hasen wahrscheinlich ziemlich billiges Problem. Wie im folgenden html-text dargestellt habe ich 2 Tabellen mit jeweils 2 bzw. 3 Radiobuttons. Die zweite Tabelle (bzw. die drei unteren Radiobuttons) soll nur angezeigt werden, wenn der Button "E1" in der ersten Tabelle angeklickt ist. Ist der Button E2 angeklickt, sollen die Buttons "Zeig dich..." verschwinden.

Code: 
<html>
<head>
<title>Test</title>

<script type="text/javascript">
function switcher(objekt, value)
{
      if(document.form.oeff.value == 2)
      {
            document.getElementById('rb1').style.visibility = 'visible';
            document.getElementById('rb2').style.visibility = 'visible';
            document.getElementById('rb3').style.visibility = 'visible';
      }
      else
      {
            document.getElementById('rb1').style.visibility = 'hidden';
            document.getElementById('rb2').style.visibility = 'hidden';
            document.getElementById('rb3').style.visibility = 'hidden';
      }
}
</script>
</head>
<body>

<table cellspacing=2 cellpadding=2>
<tr><td><b><u>Table 1:</u></b></td><td></td>
</tr>
</table>
<table cellspacing=2 cellpadding=2>
<tr>
<td><input onClick='switcher(this.2);' type="radio" name="7" value="1">E1</td>   
<td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input onClick='switcher(this.1);' type="radio" name="7" value="0">E2</td>
</tr>
<tr><td><br><br></td></tr>
</table>

<table cellspacing=2 cellpadding=2>
<tr>
<td></td><td colspan=3 style="font-weight: bold"></td></tr>
<tr><td><b><u>Table 2:</u></b></td>
</tr>
</table>
<table cellspacing=2 cellpadding=2>
<tr>
<td><input id="rb1" type="radio" name="8" value="1">Zeig dich, wenn E1 angeklickt</td>
</tr>
<tr>   
<td><input id="rb2" type="radio" name="8" value="2">Zeig dich, wenn E1 angeklickt</td>
</tr>
<tr>   
<td><input id="rb3" type="radio" name="8" value="3">Zeig dich, wenn E1 angeklickt</td>
</tr>
<tr><td><br></td></tr>
</table>

</body>
</html>
Geht immer noch nix, aber wie gesagt, ich stell mich auch ziemlich an...

Grüße
 
1. Etwas zum Missbrauch von Tabellen

2. Ich habe mir deinen Code nicht genau angeschaut, aber dein document.form.oeff ist nicht vorhanden.

3. Bei dem Checkfeld <input onClick='switcher(this.2);' type="radio" name="7" value="1"> hast du ein ein Punkt anstatt eines Kommas, wobei mir der Sinn verwehrt bleibt.


MfG
 
Zuletzt bearbeitet:
Da du immer eine neue Reihe erstellst nach jedem TD ist das eine abgewandelte Liste. benutze lieber direkt eine Liste.
HTML: 
<ul>
  <li><input id="pizza"usw. /><label for="pizza">Pizza</label></li>
  <li><input id="nudeln" nocheins /><label for="nudeln">Nudeln</label></li>
</ul>
<ul id="menu2">
....
</ul>

Dann lässt du am Besten direkt das ganze Menü ausblenden. und nicht die einzelnen Elemente :)
Muss man nur eine Sache verschwinden lassen ^^
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben