---
title: "Radiobutton"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/56974-radiobutton"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Blomman"
published: "2002-10-24T13:43:45.000Z"
updated: "2002-10-24T15:39:29.000Z"
replies: 2
views: 229
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/56974-radiobutton"
---

# Radiobutton

## #1 — Blomman, 2002-10-24T13:43Z

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

Permalänk: https://www.webforum.nu/p/56974

## #2 — Jojoxx, 2002-10-24T14:39Z

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

Permalänk: https://www.webforum.nu/p/834318

## #3 — Blomman, 2002-10-24T15:39Z

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

Permalänk: https://www.webforum.nu/p/834350

---

Tråden på webben: https://www.webforum.nu/amne/javascript/56974-radiobutton