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

sako Nybegynder

21. december 2004 - 11:21 Der er 2 kommentarer og
1 løsning

Hvis radiobuttom er checked - vis indhold af tabel

Jeg skal bruge et script hvor man får vist en del af en tabel hvis en radiobuttom er checked.

Det vil sige at informationen i f.eks. <tr><td>Vis dette</td></tr> skal vises når der bliver klikket i radiobuttomen - og fjernes igen hvis den ikke længere er checked

Synes godt om

synfab Nybegynder

21. december 2004 - 11:46 #1

prøv følgende, men du skal være opmærksom på at scriptet måske skal ændres lidt afhængigt af strukturen på din form:

<form>
<input name="rdbtn" type="radio" value="tr" onclick="document.getElementById(this.form.rdbtn[0].value).style.display=(this.form.rdbtn[0].checked)?'block':'none';" />
<input name="rdbtn" type="radio" value="noget" onclick="document.getElementById(this.form.rdbtn[0].value).style.display=(this.form.rdbtn[0].checked)?'block':'none';" />
</form>
<table>
<tr id="tr">
<td> 1111111111111111111 </td>
</tr>
<tr>
<td> 2222222222222222222 </td>
</tr>
</table>

Synes godt om

-mundi- Nybegynder

21. december 2004 - 11:47 #2

F.eks sådan

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>
<script type="text/javascript">
var lastclicked=null;
function display(obj){
obj.parentElement.parentElement.nextSibling.style.display=obj.checked?'block':'none';
if(lastclicked){
lastclicked.parentElement.parentElement.nextSibling.style.display=lastclicked.checked?'block':'none'
}
lastclicked=obj;
}
</script>
</head>

<body>
<form>
<table>
<tr><td><input type="radio" name="test" onclick="display(this);"></td></tr>
<tr style="display:none"><td>Vis dette1</td
</tr>
<tr><td><input type="radio" name="test" onclick="display(this);"></td></tr>
<tr style="display:none"><td>Vis dette2</td>
</tr>
<tr><td><input type="radio" name="test" onclick="display(this);"></td></tr>
<tr style="display:none"><td>Vis dette3</td
</tr>
<tr><td><input type="radio" name="test" onclick="display(this);"></td></tr>
<tr style="display:none"><td>Vis dette4</td>
</tr>
</table>
</form>

</body>
</html>

Synes godt om

sako Nybegynder

21. december 2004 - 11:51 #3

jamen hvad kan jeg sige - det er perfekt Mundi

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