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?
Visa/dölj <div>
5 svar · 515 visningar · startad av learn
<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>
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
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
Är det något med window.onload som behövs kanske.. Hjälp..