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

-zonic- Nybegynder

08. november 2007 - 12:39 Der er 3 kommentarer og
1 løsning

show/hide funktion <tr> på radiobutton?

Hej,

jeg har en funktion der kan vise og skjule indhold, når man krydser af i en checkbox...
kan denne omskrives, således at den laver showhide på den valgte radiobutton?

function chkToggle(who, obj) {
var object = obj;
var check = document.getElementById(who);
if (object!=null && object.checked){
check.style.display = "";
} else {
if (check!=null && (check.style.display == "" || check.style.display == "block")){
check.style.display = "none";
}
}
}

grunden til at jeg gerne vil have det på radiobutton er, at jeg kun må kunne afkrydse én ud af ex. 3.

dvs. funktionen skal skjule indholdet på den tidligere, såfremt der klikkes på en ny, og denne skal derefter vises...

håber I kan hjælpe!

Mvh

Synes godt om

frigsfrogs Nybegynder

08. november 2007 - 13:21 #1

Hvilket sprog er radio-knappen indsat med? mener at .NET omdøber radio knapper. f.eks. hvis du indsætter (drag n drop) en radiobuttonlist som du giver id-et: ryger og værdierne ja, nej, weekend så laver den, når den kører siden, 3 radio knapper under gruppen "ryger". en som hedder ryger_1, ryger_2 og ryger_3 (eller noget i den stil). prøv evt. at lave en "vis kilde" for at sikre at det er det rigtige id på radioknapperne.

Synes godt om

roenving Novice

09. november 2007 - 03:21 #2

Hvis du bruger radios vil de automatisk kun tillade en markeret, hvis de har samme navn ...

-- og jeg forstår ikke helt det, du skriver, for hvordan skal man kunne vælge en, der ikke vises ?-)

Synes godt om

-zonic- Nybegynder

09. november 2007 - 12:17 #3

frigsfrogs, tak for kode, det var lige hvad jeg manglede!! :)

(koden kommer nedenfor)
smider du lige et svar? :)
<html>

<script type="text/javascript">
function VisSkjul(felt)
{
var list = document.getElementById('radioknapper').children;
var i;
var e;

for (i = 1; i <= list.length; i++)
{
e = document.getElementById("span" + i);

if (felt.value == i)
{
e.style.display = 'block';
}
else
{
e.style.display = 'none';
}
}
}
</script>

<form>
<span id="radioknapper">
<input type="radio" name="test" value="1" onClick="VisSkjul(this);">1
<input type="radio" name="test" value="2" onClick="VisSkjul(this);">2
<input type="radio" name="test" value="3" onClick="VisSkjul(this);">3
<input type="radio" name="test" value="4" onClick="VisSkjul(this);">4
</span>

<br><br><br><br>

<span id="span1" style="display: none;">Dette er span nummer 1</span>
<span id="span2" style="display: none;">Dette er span nummer 2</span>
<span id="span3" style="display: none;">Dette er span nummer 3</span>
<span id="span4" style="display: none;">Dette er span nummer 4</span>

</form>

</html>

Synes godt om

frigsfrogs Nybegynder

09. november 2007 - 12:26 #4

Et svar :)

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
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
Ajax - indlæs webside og derefter hente data Af nemlig i JavaScript	4	21/05/202417:19	22/06/202422:07
Disable button efter 1. klik Af nemlig i JavaScript	2	05/05/202415:37	05/05/202416:25

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