webForumDet fria alternativet

Hjälp med Javascript Formulär

JavaScript

7 svar · 571 visningar · startad av webb

Medlem sedan juni 201025 inlägg
Frågan#1

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>

Medlem sedan juni 20019 519 inlägg
#2
<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.

Medlem sedan juni 201025 inlägg
#3

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

Medlem sedan juni 20019 519 inlägg
#4

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

Medlem sedan juni 201025 inlägg
#5

voigtann1 skrev:

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"

Medlem sedan juni 20019 519 inlägg
#6

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

Medlem sedan juni 201025 inlägg
#7

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

Medlem sedan juni 20019 519 inlägg
#8

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

273 ms totalt · 4 externa anrop · v20260731065814-full.1dc6f849
130 ms — deklarationer (db)
0 ms — hämta statistik (cache)
138 ms — hämta tråd, inlägg och bilagor (db)
132 ms — ändringar (db)