Gernot Back: Werte von versteckten Radiobuttons auslesen

Beitrag lesen

Hallo Gernot,

Jetzt wäre es umso interessanter zu testen, wie er sich verhält, wenn man die Radiobuttons ausblendet, ob die dann dennoch die checked-Werte über die Labels mitbekommen? Da bin ich mir aber auch bei den anderen Browsern nicht sicher. Wenn mir Matthias nicht zuvorkommt, teste ich das bei Gelegenheit.

Meine Zweifel waren berechtigt:

  
<html>  
<head>  
<title>check invisible radio</title>  
<style type="text/css">  
[code lang=css]  
label {  
 cursor:pointer;  
}  
  
/* Klasse 'hide' alternativ wie folgt definieren */  
  
.hide {  
 display:none;  
}  
  
.hide {  
 visibility:hidden;  
}  
  
.hide{  
 position:absolute;  
 left:-10000px;  
}  

</style>
<script type="text/javascript">

  
function answer(obj) {  
 with(obj)  
  for (i=0; i<test.length; i++) {  
   if(test[i].checked) alert(test[i].value);  
  }  
}  

</script>
</head>
<body>
 <form method="get" action="#" onsubmit="answer(this)">
  <input class="hide" type="radio" name="test" id="test1" value="ja" /><label for="test1">ja</label> |
  <input class="hide" type="radio" name="test" id="test2" value="nein" /><label for="test2">nein</label>
  <input type="submit" value="Antwort ausgeben">
 </form>
</body>
</html>
[/code]

Mit "display:none" schafft es nur Firefox 1.5.0.3, die Antwort auszugeben;
mit "visibility:hidden" schafft es auch Opera 8.54 und für den IE6 muss man die Radiobuttons im negativen Bildschirm-Off verstecken, damit man sie noch ansprechen kann.

Andere Browser habe ich nicht getestet.

Gruß Gernot