extra invuld veld bij radiobutton

[wijkkie]

Ik heb 2 radio buttons te weten 'Ja' en 'Nee'
Nu wil ik bij Ja, dat er een extra invoerveld tevoorschijn komt. ik weet dat t werkt met onclick en hidden/visible. Ik kreeg t alleen niet aan de praat.

Dit is zijn de radiobuttons:

echo "<table><tr><td><p>$taal[610]:</p></td><td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td><td><input name=\"kampeer_ch\" type=\"radio\" value=\"1\"  class=\"textfield\" /> Ja 
<input name=\"kampeer_ch\" type=\"radio\" value=\"2\" checked class=\"textfield\" /> Nee </td></tr></table>";

en dit is t veld dat ik wil gaan zien:

<tr id="div1" style=display: none> 
<td class="tbl">test</td>
</tr>

bij voorbaat dank voor de hulp.

 

[That Guy]

<input type='radio' onclick='toggleExtra(this,'extra_veld');' />

<div id='extra_veld' style='display: none;'>
   <input type='text' />
</div>

//js

function toggleExtra(elem,what)
{
   if(elem.checked == true)
   {
      document.getElementById(what).style.display = 'block';
   }else{
      document.getElementById(what).style.display = 'none';
   }
}

... zoiets?

 

[wijkkie]

Ja dat werkt, maar wat als ik nu dus 2 opties heb? bij 'Ja' moet t veld dus verschijnen en bij 'Nee' moet het veld weggaan.(voor als ze per ongeluk eerst op ja klikken)

Edit:
ik heb dit ervan gemaakt en werkt:

<script language="Javascript" type="text/javascript"> 
function toggleExtra(elem,what)
{
   if(elem.value == '1')
   {
      document.getElementById(what).style.display = 'block';
   }else{
      document.getElementById(what).style.display = 'none';
   }
}
</script>
 
<table><tr><td><p>$taal[609]:</p></td><td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td><td><input name="scouting_ch" type="radio" value="1" class="textfield" onclick="toggleExtra(this,'extra_veld');" > Ja 
<input name="scouting_ch" type="radio" value="2" class="textfield" onclick="toggleExtra(this,'extra_veld');" > Nee </td></tr></table>

<div id='extra_veld' style='display: none;'>
   <input type='text' />
</div>