---
title: "Visa/Dölj fält.."
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/137613-visa-dölj-fält"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "webbSAJTEN"
published: "2005-11-14T18:59:23.000Z"
updated: "2005-11-14T20:40:01.000Z"
replies: 13
views: 331
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/137613-visa-dölj-fält"
---

# Visa/Dölj fält..

## #1 — webbSAJTEN, 2005-11-14T18:59Z

Tjenare!
Skulle vilja med hjälp av en checkbox besämma om ett annat fält skall visas eller inte..

```
if(document.addmapp.box.value == "1") {
addmapp.losen.style.display = ''
}
```

Den där snutten fungerar inte..

```
<input ID="box" type="checkbox" name="intPassword" value="0" onChange="level(this)">
```

Så ser boxen ut...

Permalänk: https://www.webforum.nu/p/137613

## #2 — Peter S, 2005-11-14T19:05Z

Om "addmap" är namnet på ditt formulär:

```
function level(o){
  var addmap = o.form;

  if(o.checked) {
    addmapp.losen.style.display = '';
  } else {
    addmap.losen.style.display = 'block';
  }
}
```

Permalänk: https://www.webforum.nu/p/1707166

## #3 — webbSAJTEN, 2005-11-14T19:29Z

Boxen som finns heter box och fältet som skall visas heter losen..

```
function level(box){
  var addmap = box.form;

  if(box.checked) {
    addmapp.losen.style.display = '';
  } else {
    addmap.losen.style.display = 'block';
  }
}
```

Men det visas inget fält... Och sidan laddar klokt..
Anropar nu med: **return level();**

Permalänk: https://www.webforum.nu/p/1707170

## #4 — Peter S, 2005-11-14T20:04Z

```
function level(box){
  var elms = box.form.elements;

  if (box.checked){
    elms["losen"].style.display = "block";
  } else {
    elms["losen"].style.display = "none";
  }
}

<input type="checkbox" onclick="level(this)"...
```

Något sådant bör fungera.

Permalänk: https://www.webforum.nu/p/1707183

## #5 — webbSAJTEN, 2005-11-14T20:08Z

Går det att göra så att det blir samma sak med text.
Vill att texten Lösenord skall visas när den är intryckt, inte annars..

Permalänk: https://www.webforum.nu/p/1707190

## #6 — Peter S, 2005-11-14T20:11Z

Så?

```
function level(box){
  var elms = box.form.elements;

  if (box.checked){
    elms["losen"].style.display = "block";
    elms["losen"].value = "Lösenord";
  } else {
    elms["losen"].style.display = "none";
    elms["losen"].value = "";
  }
}
```

Permalänk: https://www.webforum.nu/p/1707194

## #7 — webbSAJTEN, 2005-11-14T20:12Z

Njae.. Utan mer att det skall stå Lösenord ovanför fältet...

Permalänk: https://www.webforum.nu/p/1707197

## #8 — Peter S, 2005-11-14T20:13Z

Inom vilket element skall den texten ligga? Har du en \<label\>, \<div\> eller annat skoj där?

Permalänk: https://www.webforum.nu/p/1707199

## #9 — webbSAJTEN, 2005-11-14T20:15Z

Det vette fan faktiskt.. Men i \<font\> skulle nog inte sitta fel :)
Testade att sätta ID="losen" och gömma den, men de funkade inte..

Men du vet säkert :D

Permalänk: https://www.webforum.nu/p/1707203

## #10 — Peter S, 2005-11-14T20:24Z

Om vi lägger allt i en dyr och exklusiv \<div\>, kan vi gömma/visa den istället:

```
function level(box, div){
  var elm = document.getElementById(div);

  if (box.checked){
    elm.style.display = "block";
  } else {
    elm.style.display = "none";
  }
}

<div [b]id="ett_kuligt_id"[/b]>
  <font>Lösenord:</font>
  <input type="text" name="losen">
</div>

<input type="checkbox" onclick="level(this, [b]'ett_kuligt_id'[/b])"...
```

Permalänk: https://www.webforum.nu/p/1707211

## #11 — webbSAJTEN, 2005-11-14T20:32Z

Nu blev allt krånligt och fel :P

```
function level(box, div){
  var elm = document.getElementById(box);

  if (box.checked){
    elm.style.display = "block";
  } else {
    elm.style.display = "none";
  }
}

<div id="losenord" style="display: none"><br>
<strong>Lösenord:</strong><br>
<input name="strPassword" type="password" ID="losen" size="20">
</div>

<input id="box" type="checkbox" name="intPassword" value="0" onclick="level(this, 'losenord')">
```

Fungerar icke tyvärr :(

Permalänk: https://www.webforum.nu/p/1707216

## #12 — Peter S, 2005-11-14T20:34Z

Ja, det blev det tydligen även för mig  :r 

Hur som helst har jag redigerat mitt förra inlägg.

Permalänk: https://www.webforum.nu/p/1707218

## #13 — webbSAJTEN, 2005-11-14T20:39Z

TACK! Gud så underbart :D:D

Permalänk: https://www.webforum.nu/p/1707220

## #14 — Peter S, 2005-11-14T20:40Z

Weee!  :bire

Permalänk: https://www.webforum.nu/p/1707221

---

Tråden på webben: https://www.webforum.nu/amne/javascript/137613-visa-dölj-fält