---
title: "Markera alla checkboxar i ett lager"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/95332-markera-alla-checkboxar-i-ett-lager"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Peeer"
published: "2004-01-21T10:26:33.000Z"
updated: "2004-01-21T12:35:03.000Z"
replies: 4
views: 255
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/95332-markera-alla-checkboxar-i-ett-lager"
---

# Markera alla checkboxar i ett lager

## #1 — Peeer, 2004-01-21T10:26Z

Säg att jag har X checkboxar med samma namn (friends\[\]). 5 av dem ligger i ett lager med id="friends1" och resten ligger i  ett lager man id="friends2". Nu vill jag att genom att klicka i/ur en speciell checkbox (utanför lagren) så ska alla checkboxar i ett av lagren markeras/avmarkeras. Klickar man på en annan checkbox så ska alla checkboxar i det andra lagret markeras. 
Går det att göra så, eller måste jag döpa om checkboxarna så att boxarna i lager 1 heter något, och boxarna i lager 2 heter något annat?

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

## #2 — dectgap, 2004-01-21T10:38Z

```
<script type="text/javascript">
function markera(toCheck, divId){
  var elms = document.getElementById(divId).getElementsByTagName("INPUT");
  for(var i=0; i<elms.length; i++)
    if(elms[i].type=="checkbox")
      elms[i].checked = toCheck;
}
</script>

...

<div id="friends1">
  <input type="checkbox" name="friends[]" />
  <input type="checkbox" name="friends[]" />
  <input type="checkbox" name="friends[]" />
  <input type="checkbox" name="friends[]" />
  <input type="checkbox" name="friends[]" />
</div>

<div id="friends2">
  <input type="checkbox" name="friends[]" />
  <input type="checkbox" name="friends[]" />
  <input type="checkbox" name="friends[]" />
  <input type="checkbox" name="friends[]" />
  <input type="checkbox" name="friends[]" />
</div>

Markera friends1:
<input type="checkbox" onclick="markera(this.checked, 'friends1')" />

<br />

Markera friends2:
<input type="checkbox" onclick="markera(this.checked, 'friends2')" />
```

Har du bara checkboxes i divarna kan du ta bort if-satsen.

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

## #3 — Peeer, 2004-01-21T12:16Z

Tack! Precis som det var tänkt, en liten följdfråga bara; Om jag markerar "markera alla i friends1"-rutan och sen avmarkerar någon av chockboxarna i friends1, kan man då göra så att "markera alla i friends1"-boxen också avmarkeras (alla i friends1-lagret är ju inte markerade längre)?

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

## #4 — dectgap, 2004-01-21T12:27Z

Lite tillägg:

```
<script type="text/javascript">
function uMarkerade(isChecked, theForm, no){
  var loopCheck = true;
  if(!isChecked)
    theForm.elements["markera"+no].checked = false;
  else{
    var elms = document.getElementById("friends"+no).getElementsByTagName("INPUT");
    for(var i=0; i<elms.length; i++)
      if(elms[i].type=="checkbox" && !elms[i].checked)
        loopCheck = false;
    theForm.elements["markera"+no].checked = loopCheck;
  }
}

function markera(toCheck, divId){
  var elms = document.getElementById(divId).getElementsByTagName("INPUT");
  for(var i=0; i<elms.length; i++)
    if(elms[i].type=="checkbox")
      elms[i].checked = toCheck;
}
</script>

...

<form>
<div id="friends1">
  <input type="checkbox" name="friends[]" onclick="uMarkerade(this.checked, this.form, 1)" />
  <input type="checkbox" name="friends[]" onclick="uMarkerade(this.checked, this.form, 1)" />
  <input type="checkbox" name="friends[]" onclick="uMarkerade(this.checked, this.form, 1)" />
  <input type="checkbox" name="friends[]" onclick="uMarkerade(this.checked, this.form, 1)" />
  <input type="checkbox" name="friends[]" onclick="uMarkerade(this.checked, this.form, 1)" />
</div>

<div id="friends2">
  <input type="checkbox" name="friends[]" onclick="uMarkerade(this.checked, this.form, 2)" />
  <input type="checkbox" name="friends[]" onclick="uMarkerade(this.checked, this.form, 2)" />
  <input type="checkbox" name="friends[]" onclick="uMarkerade(this.checked, this.form, 2)" />
  <input type="checkbox" name="friends[]" onclick="uMarkerade(this.checked, this.form, 2)" />
  <input type="checkbox" name="friends[]" onclick="uMarkerade(this.checked, this.form, 2)" />
</div>

Markera friends1:
<input type="checkbox" name="markera1" onclick="markera(this.checked, 'friends1')" />

<br />

Markera friends2:
<input type="checkbox" name="markera2" onclick="markera(this.checked, 'friends2')" />
</form>
```

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

## #5 — Peeer, 2004-01-21T12:35Z

Du är en ängel!  :f 
Tack!

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/95332-markera-alla-checkboxar-i-ett-lager