nicht angemeldet
Show / Hide mit (Radio) Input und "checked"
Hallo,
ich habe gerade dank Google diesen Beitrag : http://forum.de.selfhtml.org/?t=203152&m=1373153 gefunden. Eine tolles Beispiel:
<fieldset id="radio_shows">
show:<input type="radio" name="show" value="show" checked>
hide: <input type="radio" name="show" value="hide">
</fieldset>
<table id="tabelle" style="display:none">
<tr>
<td>
test
</td>
</tr>
</table>
<script>
tableStyle = document.getElementById("tabelle").style;
radios = document.getElementById("radio_shows").getElementsByTagName("input");
for (i=0;i<radios.length;i++) {
radios[i].onclick = function() {
this.value == "show" ? tableStyle.display = "block" : tableStyle.display = "none";
}
}
</script>
Nur scheint es nicht zu funktionieren, wenn ich ein "checked" vor dem Radio Button setzte, es wird offebar nur aktiv, wenn man es auch wirklich drückt.
Jemand eine Idee?
-
Hallo,
ich glaube ich habe es gefunden, es ist wohl der "onclick". Gibt es hierfür ein anderes Element? Wichtig wäre, das es den Status prüft unabhängig vom Click. Wobei natürlich bei einer Änderung das ONCLICK auch wieder funktionieren sollte..radios[i].onclick = function() {
-
ich glaube ich habe es gefunden, es ist wohl der "onclick". Gibt es hierfür ein anderes Element? Wichtig wäre, das es den Status prüft unabhängig vom Click. Wobei natürlich bei einer Änderung das ONCLICK auch wieder funktionieren sollte..
Was ist, wenn jemand den Wert ändern ohne zu klicken?
-
-
Nur scheint es nicht zu funktionieren, wenn ich ein "checked" vor dem Radio Button setzte, es wird offebar nur aktiv, wenn man es auch wirklich drückt.
Works as desigend - du führst dein Script ja auch nur explizit per onlick aus.
Jemand eine Idee?
Eine schleife die den anfangszustand ermittet.
Als Tipp: block; ist keine geeignete Display-Eigenschaft für Tabellen - die Voreinstellung moderner Browser ist "table" - lieber also einen Leerstring setzen als explizit "block".