✔ Radiobuttons hidden

[smyle]

Hallo ich habe 9 Radiobuttons und möchte das beim auswählen einer der Button die anderen 8 verschwinden.
Ich weis das es mit Javascript funktioniert, aber leider weis ich nicht wie ich das codieren kann
Da ich wenig Ahnung von js habe hoffe ich das ihr mir helfen könnt oder am besten denn Code geben könnt.

Was ich schon selber, ohne Erfolg, versucht habe war folgendes:

	function hiddenDiv( id ) 
	{ 
   		 document.all.Button.style.visibility = 'visible'; 
   		 document.all.Button.value = ''; 
   		 document.all[ id ].style.visibility = 'hidden'; 
   		 document.all[ id ].focus(); 

	}

 <form>
 <tr>
  <td><input name="Bilder" value="a" type="radio" style="visibility:visible" onclick="hiddenDiv('b;c;d;e;f;g;h;i');" /> Foto <br /> <center> Name </center> </td>
  <td><input name="Bilder" value="b" type="radio" style="visibility:visible" onclick="" /> Foto <br /> <center> Name </center> </td>
  <td><input name="Bilder" value="c" type="radio" style="visibility:visible" onclick="" /> Foto <br /> <center> Name </center> </td>
  <td><input name="Bilder" value="d" type="radio" style="visibility:visible" onclick="" /> Foto <br /> <center> Name </center> </td>
  <td><input name="Bilder" value="e" type="radio" style="visibility:visible" onclick="" /> Foto <br /> <center> Name </center> </td>
  <td><input name="Bilder" value="f" type="radio" style="visibility:visible" onclick="" /> Foto <br /> <center> Name </center> </td>
  <td><input name="Bilder" value="g" type="radio" style="visibility:visible" onclick="" /> Foto <br /> <center> Name </center> </td>
  <td><input name="Bilder" value="h" type="radio" style="visibility:visible" onclick="" /> Foto <br /> <center> Name </center> </td>
  <td><input name="Bilder" value="i" type="radio" style="visibility:visible" onclick="" /> Foto <br /> <center> Name </center> </td>
 </tr>
</form>

Hoffe ihr könnt mir helfen.

 

[Parantatatam]

Versuch es mal damit:

function hide(self) {
    
  for(i = 1; i < hide.arguments.length; i++) {
    
    document.getElementById(hide.arguments[i]).style.visibility = "";
  }
  
  document.getElementById(self.id).style.visibility = "visible";
}

Und das ruft du dann so auf (erstes Argument ist das Element selbst):

<form>
 <tr>
  <td><input name="Bilder" id="a" type="radio" style="visibility:visible" onclick="hide(this, 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i');" /> Foto <br /> <center> Name </center> </td>
  <td><input name="Bilder" id="b" type="radio" style="visibility:visible" onclick="" /> Foto <br /> <center> Name </center> </td>
  <td><input name="Bilder" id="c" type="radio" style="visibility:visible" onclick="" /> Foto <br /> <center> Name </center> </td>
  <td><input name="Bilder" id="d" type="radio" style="visibility:visible" onclick="" /> Foto <br /> <center> Name </center> </td>
  <td><input name="Bilder" id="e" type="radio" style="visibility:visible" onclick="" /> Foto <br /> <center> Name </center> </td>
  <td><input name="Bilder" id="f" type="radio" style="visibility:visible" onclick="" /> Foto <br /> <center> Name </center> </td>
  <td><input name="Bilder" id="g" type="radio" style="visibility:visible" onclick="" /> Foto <br /> <center> Name </center> </td>
  <td><input name="Bilder" id="h" type="radio" style="visibility:visible" onclick="" /> Foto <br /> <center> Name </center> </td>
  <td><input name="Bilder" id="i" type="radio" style="visibility:visible" onclick="" /> Foto <br /> <center> Name </center> </td>
 </tr>
</form>

 

[smyle]

Es hat funktioniert! Danke schön!!

Jedoch musste ich die 5. Zeile etwas ändern:

document.getElementById(hide.arguments[i]).style.visibility = "hidden";

Mir ist gerade noch eine Frage in den Sinn gekommen:

Mit diesem js Code kann ich nur die Radiobuttons verschwinden lassen, wie ist es denn mit den Fotos und die Texte die zu jedem Radiobutton gehören, kann ich diese auch verschwenden lassen?

 

[smyle]

Hat sich erledigt.
Trotzdem Danke!