Radiobutton

2 svar · 229 visningar · startad av Blomman 24 okt. 2002

BlommanMedlem sedan aug. 200263 inlägg

Trådstart24 okt. 2002 13:43#1

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

JojoxxMedlem sedan juni 20004 308 inlägg

24 okt. 2002 14:39#2

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>

BlommanMedlem sedan aug. 200263 inlägg

24 okt. 2002 15:39#3

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**