---
title: "Checka alla checkbox samtidigt"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/70305-checka-alla-checkbox-samtidigt"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Broms"
published: "2003-03-07T09:37:26.000Z"
updated: "2003-03-08T00:21:29.000Z"
replies: 3
views: 240
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/70305-checka-alla-checkbox-samtidigt"
---

# Checka alla checkbox samtidigt

## #1 — Broms, 2003-03-07T09:37Z

i denna kod, som jag hittade i detta forum, kryssas en radiobox i, om någon av kryssrutorna checkas, hur vänder man på detta, så att alla kryssrutor kryssas i om radiorutan checkas? Jag tänkte använda detta i ett litet email projekt, så att man kan tömma en sida i inboxen snabbt och enkelt. Detta var koden jag hittade:

\<script type="text/javascript"\>
\<!--

function checkCat(n){
        var form = document.forms\["foo"\];

        for(var i=0; i\<form.elements.length; i++){
                if(form.elements*.type == "checkbox" && form.elements*.name.indexOf(n) != -1) continue;
                form.elements*.checked = false;
        }

        form.elements\[n\].checked = true;
};

//--\>
\</script\>

\<body\>

\<form name="foo"\>
\<div\>
        \<dl\>
                \<dt\>\<input type="radio" name="kat1"\>\</dt\>
                \<dd\>\<input type="checkbox" name="kat1_item1" onclick="checkCat('kat1')"\>\</dd\>
                \<dd\>\<input type="checkbox" name="kat1_item2" onclick="checkCat('kat1')"\>\</dd\>
                \<dd\>\<input type="checkbox" name="kat1_item3" onclick="checkCat('kat1')"\>\</dd\>
                \<dd\>\<input type="checkbox" name="kat1_item4" onclick="checkCat('kat1')"\>\</dd\>
        \</dl\>
\</div\>
\<div\>
        \<dl\>
                \<dt\>\<input type="radio" name="kat2"\>\</dt\>
                \<dd\>\<input type="checkbox" name="kat2_item1" onclick="checkCat('kat2')"\>\</dd\>
                \<dd\>\<input type="checkbox" name="kat2_item2" onclick="checkCat('kat2')"\>\</dd\>
                \<dd\>\<input type="checkbox" name="kat2_item3" onclick="checkCat('kat2')"\>\</dd\>
                \<dd\>\<input type="checkbox" name="kat2_item4" onclick="checkCat('kat2')"\>\</dd\>
        \</dl\>
\</div\>
\</form\>

\</body\>

MVH BromZ***

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

## #2 — Broms, 2003-03-07T10:26Z

Det vore nog lättast om man bytte ut radiorutan i toppen så att även denna ruta kryssas ur om man klickar igen, och att då alla andra rutor un-checkas..

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

## #3 — Peter S, 2003-03-07T11:27Z

Exempel:

```
<head>

<script type="text/javascript"> 
<!-- 

function checkAll(o){
	for(var i=0; i<o.form.elements.length; i++){
		if(o.form.elements[i].name.indexOf(o.name) != -1)
			o.form.elements[i].checked = (o.checked == false) ? false : true;
	}
}; 

//--> 

</script> 

</head>

<body> 

<form name="foo"> 
<div> 
<dl> 
     <dt><input type="checkbox" name="kat1" onclick="checkAll(this)"></dt> 
     <dd><input type="checkbox" name="kat1_item1"></dd> 
     <dd><input type="checkbox" name="kat1_item2"></dd> 
     <dd><input type="checkbox" name="kat1_item3"></dd> 
     <dd><input type="checkbox" name="kat1_item4"></dd> 
</dl> 
</div> 
</form> 

</body>
```

 :)

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

## #4 — Broms, 2003-03-08T00:21Z

underbart, tack så mycket Peter!

MVH BromZ

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/70305-checka-alla-checkbox-samtidigt
