Søg
Avatar billede 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>
Avatar billede 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>
Avatar billede andersasp Nybegynder
04. marts 2008 - 14:14 #2
Svar :)
Avatar billede 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 !-)
Avatar billede 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.

Loading billede Opret Preview
Kategori
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 5 27/04/202620:09 21/08/202610:41
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
07/1022:52 Google beskeder har/havde en bug, så den sendte tilfældige gamle beskeder gemt indeni nye beskeder efter skifte til ny Samsungtelefon via Samsung Smart Switch Af KennethLykke i Apps til Android
05/1010:31 Min IPAD vil ikke oplade. Af Nørdnot i Mac
04/1018:04 Findes der et "Papir-kurv" symbol, man kan sætte på Firefox og Google Chrome ? (For oven) Af Ikke-ekspert i Browsere
03/1012:14 Ang udskrift Canon mb5050 Af made18 i Printere
02/1021:29 Vedr. Windows 11 version 26H2 Af ErikHg i Fri debat
White papers
Flere white papers »