---
title: "Hjälp med Javascript Formulär"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/185188-hjälp-med-javascript-formulär"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "webb"
published: "2010-11-10T09:34:12.000Z"
updated: "2010-11-11T09:35:30.000Z"
replies: 7
views: 578
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/185188-hjälp-med-javascript-formulär"
---

# Hjälp med Javascript Formulär

## #1 — webb, 2010-11-10T09:34Z

Hej,

Jag har 2st Radioknappar, man väljer någon av dom: JA eller Nej.
Om ’Ja’ knappen är inbokad så dyker upp textrutan ’referens’, sedan om man klickar på Nej så ska textrutan försvinner, men just nu om jag klickar på Nej en gång till så dyker textruten i alla fall.
Jag har försökt men inte lyckats med att få det att funka…

Tack!

Här är min kod:
\<script type="text/javascript"\>
function call_ref(){
var oReferens=document.getElementById("referens");
oReferens.style.display=(oReferens.style.display=="")? "none":"";	
}
\</script\>

\<label\>\<input type="radio" name="ref" value="1" id="ref_1" onclick="call_ref();"/\>\<span class="txt_knappar"\>Nej\</span\>\</label\>\<span class="txt_knappar"\>\<br /\>
\<label\>\<input type="radio" name="ref" value="2" id="ref_2" onclick="call_ref();"/\>
Ja, Här är min referens\</label\>\</span\>

\<p\>\<input name="referens" type="text" class="txt_blue_link" id="referens" size="40" style="display:none;" value=" Skriv kontaktpersons telnr här" /\>\</p\>

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

## #2 — voigtann1, 2010-11-10T09:50Z

```
<script type="text/javascript">
function call_ref(el) {
	var
		oReferens = document.getElementById("referens");

	oReferens.style.display = (el.value==="1" ? "none" : "");
}
</script>

<label>
	<input type="radio" name="ref" value="1" id="ref_1" onclick="call_ref(this);"/>
	<span class="txt_knappar">Nej</span>
</label>
<span class="txt_knappar">
	<br />
	<label>
		<input type="radio" name="ref" value="2" id="ref_2" onclick="call_ref(this);"/>
		Ja, Här är min referens
	</label>
</span>
```

Har lagt in en paramater i din funktion som är det element som anropas när du kör onclick (i detta fall this =\> sig själv), sen kollar man bara värdet, om den  har värdet "1" så skall den inte visar referens blocket, annars visar den.

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

## #3 — webb, 2010-11-10T10:19Z

Tack voigtann1 för din proffsiga lösning det fungerar klockrent.

Jag har en fråga till: Om jag vill ersätta textrutan med ett text meddelande? som dyker upp i samma ställe som textruta...

Tack
Hälsningar
Webben

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

## #4 — voigtann1, 2010-11-10T10:47Z

Spontant: ersätt den med ett meddelande, eller du menar att du vill visar en text på "nej" och visar textboxen på "Ja"?

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

## #5 — webb, 2010-11-10T10:58Z

> **[voigtann1 skrev:](https://www.webforum.nu/p/1522250)**
>
> Spontant: ersätt den med ett meddelande, eller du menar att du vill visar en text på "nej" och visar textboxen på "Ja"?

Ja, vill visa en text på "nej", och visar textboxen på "Ja"

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

## #6 — voigtann1, 2010-11-10T12:12Z

Skapa ett element (div kanske?) sätt ett id på den:

```
function call_ref(el) {
	var
		oReferens = document.getElementById("referens");
		oReferensTxt = document.getElementById("referensText");

	oReferens.style.display = (el.value==="1" ? "none" : "");
	oReferensTxt .style.display = (el.value==="2" ? "none" : "");
}
```

diven i mitt exempel heter **referensText**

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

## #7 — webb, 2010-11-11T09:24Z

Tack voigtann1 för din hjälp, jag satt namn på diven sen fungerade det klockrent.

\<div id="referensText" name="referensText" style="display:none;"\>Text här!!\</div\>

Hälsningar
Webb

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

## #8 — voigtann1, 2010-11-11T09:35Z

plocka bara bort name då div inte har det som ett attribut

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/185188-hjälp-med-javascript-formulär