Avatar billede andersasp Nybegynder
30. januar 2006 - 10:22 Der er 4 kommentarer og
1 løsning

vis/fjern indhold ved afkryds af checkboks!

Hejsa eksperter,

Jeg har fået lavet et script som viser noget tekst indhold når man afkrydser en checkboks, og dette virker helt perfekt.

Men jeg skal dog også have den til at fjerne noget indhold nu, når man afkrydser den samme checkboks?? og jeg kan desværre ikke helt hitte ud af hvad jeg skal gøre???

således ser min funktion ud!

<input type="checkbox" name="notLTD" value="yes" onclick="st=document.getElementById('companySpec').style;st.display=st.display!='none'?'none':'block';">

<div id="companySpec" style="display:none;">
' det der står her skal vises når checkboksen er krydset af!!!
</div>

<div id="companySpec">
' det der står her skal Fjernes når checkboksen er krydset af!!!
</div>
Avatar billede olebole Juniormester
30. januar 2006 - 11:02 #1
<ole>

Det kunne gøres sådan:

<script type="text/JavaScript">
function doMyCheck(id) {
    var stB, st=document.getElementById(id).style;
    st.display= st.display!='none' ? 'none' : 'block';
   
    stB=document.getElementById(id+"B").style;
    stB.display= st.display=='none' ? 'block' : 'none';
}
</script>

<input type="checkbox" name="notLTD" value="yes" onclick="doMyCheck('companySpec')">

<div id="companySpec" style="display:none;">
' det der står her skal vises når checkboksen er krydset af!!!
</div>

<div id="companySpecB">
' det der står her skal Fjernes når checkboksen er krydset af!!!
</div>

- men om det er den smarteste måde, er ikke til at sige uden at kende koden

/mvh
</bole>
Avatar billede olebole Juniormester
30. januar 2006 - 11:03 #2
- og læg mærke til, at to elementer naturligvis ikke kan have samme ID  ;o)
Avatar billede ldanielsen Nybegynder
30. januar 2006 - 11:17 #3
Det kan gøres lidt enklere (men ikke helt så flexibelt :o)):

<input type="checkbox" name="notLTD" value="yes"
onclick="doShowHide(this.checked);">

<div id="companySpec1" style="display:none;">
' det der står her skal vises når checkboksen er krydset af!!!
</div>

<div id="companySpec2">
' det der står her skal Fjernes når checkboksen er krydset af!!!
</div>

<script type="text/JavaScript">
function doShowHide(bIsChecked) {
  document.getElementById('companySpec1').style.display = (bIsChecked) ? 'block' : 'none';
  document.getElementById('companySpec2').style.display = (bIsChecked) ? 'none' : 'block'; }
</script>
Avatar billede andersasp Nybegynder
30. januar 2006 - 14:38 #4
Helt perfekt, jeg har brugt oleboles!! begge virker dog nok helt sikkert :) Så tusinde tak for hjælpen!!!
Avatar billede olebole Juniormester
30. januar 2006 - 14:47 #5
Selvtak  :)
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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