Notifikationer

Markér alle som læst Log ud

andersasp Nybegynder

04. marts 2008 - 13:17 Der er 2 kommentarer og
1 løsning

Vis/fjern indhold med radio knap

Hejsa,

Jeg har 4 radio knapper hvor der så vises noget bestemt indhold hvis man vælger en af dem.

Det virker fint den første gang man vælger, men vælger man så den næste bliver det information fra før stadig vist.. dvs. checker man igennem alle 4 vises der 4 slags informationer, hvor der kun skal vises det som er aktuelt for den enkelte radio knap??

Hvordan gør man lige det så den fjerner det information igen som ikke er relevant (nedenstående virker med check bokse)

<input type="radio" name="myType" value="insert" <%=t1%> onClick="document.getElementById('gnu').style.display=this.checked?'block':'none'">
Insert
<input type="radio" name="myType" value="update" <%=t2%> onClick="document.getElementById('gnuII').style.display=this.checked?'block':'none'">
Update
<input type="radio" name="myType" value="delete" <%=t3%> onClick="document.getElementById('gnuIII').style.display=this.checked?'block':'none'">
Delete
<input type="radio" name="myType" value="select" <%=t4%> onClick="document.getElementById('gnuIIII').style.display=this.checked?'block':'none'">
Select</font></font></td>

<div id="gnu" style="display:none">
indhold for første radio knap
</div>

Synes godt om

andersasp Nybegynder

04. marts 2008 - 14:14 #1

Nå fandt ud af det... dette virker rigtigt godt..

<script type="text/javascript">
function showHide(vis, skjul, skjulI, skjulII){
var elementvis = document.getElementById(vis);
var elementskjul = document.getElementById(skjul);
var elementskjulI = document.getElementById(skjulI);
var elementskjulII = document.getElementById(skjulII);
elementvis.style.display="block";
elementskjul.style.display="none";
elementskjulI.style.display="none";
elementskjulII.style.display="none";
}
</script>

<form>
<input name="myradio" type="radio" onclick="showHide('insert', 'update', 'delete', 'select');"><br>
<input name="myradio" type="radio" onclick="showHide('update', 'insert', 'delete', 'select');"><br>
<input name="myradio" type="radio" onclick="showHide('delete', 'insert', 'update', 'select');"><br>
<input name="myradio" type="radio" onclick="showHide('select', 'insert', 'update', 'delete');"><br>

<div id="insert" style="display:none;">
insert
</div>

<div id="update" style="display:none;">
update
</div>

<div id="delete" style="display:none;">
delete
</div>

<div id="select" style="display:none;">
select
</div>

Synes godt om

andersasp Nybegynder

04. marts 2008 - 14:14 #2

Svar :)

Synes godt om

roenving Novice

04. marts 2008 - 15:58 #3

-- og den nemmere udgave checker bare, hvilken der evt. tidligere blev valgt:

<script type="text/javascript">
var actElm = null;
function showHide(vis){
if(actElm)
actElm.display = "none";
actElm = document.getElementById(vis).style;
actElm.display = "block";
}
</script>

<form>
<input name="myradio" type="radio" onclick="showHide('insert');"><br>
<input name="myradio" type="radio" onclick="showHide('update');"><br>
<input name="myradio" type="radio" onclick="showHide('delete');"><br>
<input name="myradio" type="radio" onclick="showHide('select');"><br>

<div id="insert" style="display:none;">
insert
</div>

<div id="update" style="display:none;">
update
</div>

<div id="delete" style="display:none;">
delete
</div>

<div id="select" style="display:none;">
select
</div>

-- og så ville jeg nok vælge nogle andre id'er til mine divs, så du ikke lige pludselig får konflikter !-)

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
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript	4	27/04/202620:09	I går 22:36
Validering af filnavn i formular Af Strawberry i JavaScript	8	14/04/202610:11	20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript	2	03/02/202614:19	04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript	9	18/04/202516:52	22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript	2	14/02/202511:47	27/06/202514:34

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