Radiobutton

Hej!

Jag har 2 radiobuttons..När man klickar i den ena vill jag visa ett formulär och när jag klickar i den andra vill jag visa det andra formuläret...Och det första ska försvinna....Jag kanske måste ladda upp en ny sida eller?
Har tyvärr ingen kod, vet inte riktigt hur jag ska börja...!

Har någon lust att hjälpa en färsking?

/Blomman

Ett DOM-exempel;

<form>
<input type="radio" name="foo" onClick="document.getElementById('form2').style.display='none'; document.getElementById('form1').style.display='block';">
<input type="radio" name="foo" onClick="document.getElementById('form1').style.display='none'; document.getElementById('form2').style.display='block';">
</form>

<div id="form1" style="display:none;">
Formulär 1<br>
<form>
<input type="text" name="foo"> <input type="submit" value="Skicka">
</form>
</div>
<div id="form2" style="display:none;">
Formulär 2<br>
<form>
<input type="text" name="foo"> <input type="submit" value="Skicka">
</form>
</div>

Tack...Men jag löste det med en case sats på detta vis....

function chooseform(whichRadio){
var Allbutt;

Allbutt = document.vajdaform.all[whichRadio];
for (i=0;i<Allbutt.length;i++) {
if (Allbutt*.checked){
switch(Allbutt*.value){
case "1":
document.vajdaform.action="kontakt.htm"
document.vajdaform.submit();
break;
case "2":
document.vajdaform.action="kontakt2.htm"
document.vajdaform.submit();
break;

   }  
}   

}
}

-----------
<input type="radio" id=theradio1 name=theradio1 value=2>
<input type="radio" id=theradio1 name=theradio1 value=1>
-----------
<A href="javascript:chooseform('theradio1');">

/Blomman**