Auswertung von Radiobuttons ohne Submitbutton

[Gunnar Bittersmann]

@@Themm:

nuqneH

Ich will mittels if abfragen […]

Nein. Das ist nicht dein Problem, sondern schon das, was du als Lösung ansiehst.

Ich will […] abfragen, welcher Radiobutton ausgewählt wurde und dann eine jeweilige Tabelle erscheinen lassen

Dafür brauchst du kein JavaScript. Das geht mit CSS: Du lässt alle Tabellen, deren zugehöriger Radiobutton nicht angewählt ist, nicht anzeigen.

HTML:

<input type="radio" name="myRadioGroup" id="ctrl-foo"/><label for="ctrl-foo">foo</label>  
<input type="radio" name="myRadioGroup" id="ctrl-bar"/><label for="ctrl-bar">bar</label>  
<input type="radio" name="myRadioGroup" id="ctrl-baz"/><label for="ctrl-baz">baz</label>  
<table id="foo"> … </table>  
<table id="bar"> … </table>  
<table id="baz"> … </table>

CSS:

#ctrl-foo:not(:checked) ~ #foo,  
#ctrl-bar:not(:checked) ~ #bar,  
#ctrl-baz:not(:checked) ~ #baz  
{  
  display: none;  
}

Zumindest in modernen Browsern.

Qapla'