webForumDet fria alternativet

Visa/dölj <div>

JavaScript

5 svar · 515 visningar · startad av learn

Medlem sedan jan. 20051 130 inlägg
Frågan#1

Jag har en <div> som jag vill visa/dölja beroende på om en checkbox är ikryssad/inte ikryssad.

Hur göras detta på enklaste och bästa sätt?

Medlem sedan dec. 20025 483 inlägg
#2
<form>
  <input type="checkbox" onclick="sh(this.checked)">
</form>
<div id="[b]foo[/b]"></div>

<script type="text/javascript">
function sh(b){
  var elm = document.getElementById("[b]foo[/b]");

  elm.style.display = b ? "block" : "none";
}
</script>
Medlem sedan juli 200543 inlägg
#3

Typ såhär:

<script language="javacript" type="text/javascript">
function visa(id){
document.getElementById(id).style.display='block';
}
function hide(id){
document.getElementById(id).style.display='none';
}
</script>
<div id="mm">
hoho</div>
<input type="checkbox" onclick="if(this.value='ikryssad'){visa('mm');}else{hide('mm');}" />

De är säkert fel nånstans och du får ändra ikryssad till de värde som de blir när man kryssar i det..
Kommer själv inte ihåg vad de var för nånting :/

MVH Daniel

Medlem sedan jan. 20051 130 inlägg
#4

Schysst, det gick fort :)

PeterS:
Men nu visas lagret när sidan först laddas.. Det ska ju vara dolt ifall checkboxen inte är ikryssad... hmm

Medlem sedan jan. 20051 130 inlägg
#5

Är det något med window.onload som behövs kanske.. Hjälp..

Medlem sedan jan. 20051 130 inlägg
#6

Fixade själv...

<body onLoad="ch(document.form.obj.checked)">

Tack för hjälpen

250 ms totalt · 4 externa anrop · v20260731065814-full.1dc6f849
123 ms — deklarationer (db)
0 ms — hämta statistik (cache)
125 ms — hämta tråd, inlägg och bilagor (db)
123 ms — ändringar (db)