CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

Mikkel_LM Nybegynder

27. juni 2009 - 09:37 Der er 6 kommentarer

Vis tekst input hvis radio knappen er valgt (jQuery)

Hvordan kan man via jQuery gøre sådan at hvis jeg har 2 radio buttons, og man trykker på den ene (så den er "selected") Så kommer der et tekst input frem, og det skal så forsvinde igen, hvis man vælger den anden radio button.

Tak på forhånd

Synes godt om

Mikkel_LM Nybegynder

27. juni 2009 - 10:56 #1

Hvis i ikke forstår mit spørgsmål, så sig endelig til.

Synes godt om

softspot Forsker

27. juni 2009 - 14:47 #2

Givet denne formular:

<form>
<input type="radio" name="radio" id="radio1">Radio 1<br>
<input type="text" name="text1" id="text1"><br>
<input type="radio" name="radio" id="radio2">Radio 2<br>
</form>

...vil jeg mene dette script vil gøre det du efterlyser:

var currentRadio = null;
$(document).ready(function() {
// find alle radio-knapper med navnet "radio" og tilknyt
// en funktion som sætter tekstboksens tilstand...
$("input[name='radio']").click(function() {
$("#text1").css("display",$(this).attr("id")?"block":"none");
});
});

NB: Det er ikke testet... :-)

Synes godt om

softspot Forsker

27. juni 2009 - 14:52 #3

Og her kommer så en version som er testet (med jQuery v1.2.6)... :-/

<script type="text/javascript">
$(document).ready(function() {
$("#text1").css("display","none");
// find alle radio-knapper med navnet "radio" og tilknyt
// en funktion som sætter tekstboksens tilstand...
$("input[name='radio']").click(function() {
$("#text1").css("display",$(this).attr("id")=="radio1"?"block":"none");
});
});
</script>

Synes godt om

Mikkel_LM Nybegynder

27. juni 2009 - 20:21 #4

Tak for svaret, men jeg kan ikke få det til at virke ;S

Synes godt om

softspot Forsker

27. juni 2009 - 21:39 #5

Dette eksempel fungerer hos mig, mon ikke du også kan få dette til at fungere og så tilpasse dit eget med udgangspunkt i dette...?

<html>
<head>
<script src="http://www.google.com/jsapi/" type="text/javascript"></script>
<script type="text/javascript">google.load("jquery", "1.2.6");</script>
<script type="text/javascript">
$(document).ready(function() {
$("#text1").css("display","none");
// find alle radio-knapper med navnet "radio" og tilknyt
// en funktion som sætter tekstboksens tilstand...
$("input[name='radio']").click(function() {
$("#text1").css("display",$(this).attr("id")=="radio1"?"block":"none");
});
});
</script>
</head>
<body>
<form>
<input type="radio" name="radio" id="radio1">Radio 1<br>
<input type="text" name="text1" id="text1"><br>
<input type="radio" name="radio" id="radio2">Radio 2<br>
</form>
</body>
</html>

Synes godt om

softspot Forsker

29. juni 2009 - 00:05 #6

Fik du dette til at fungere?

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Sæt vindue størrelse Af poulmadsen i JavaScript	1	08/10/202417:18	13/10/202412:33
Opgavestyring Af ingeman i JavaScript	1	15/09/202416:06	15/09/202420:40
Returner ikke alt Af ingeman i JavaScript	13	26/06/202414:40	01/07/202417:00
Vis og skjul sektioner - virker kun på den første sektion Af nemlig i JavaScript	4	24/06/202422:50	26/06/202420:33
Hente og gemme Cookies like this. Af DanishBear i JavaScript	6	04/06/202416:23	05/06/202414:23

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS