---
title: "Checkboxar Igen..."
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/66106-checkboxar-igen"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "startail"
published: "2003-01-25T15:12:10.000Z"
updated: "2003-01-25T18:58:54.000Z"
replies: 5
views: 260
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/66106-checkboxar-igen"
---

# Checkboxar Igen...

## #1 — startail, 2003-01-25T15:12Z

Jag sökte på forumet men jag tror jag fortfarande behöver lite hjälp med hur man gör detta  ;) 

Det är så att jag har 4 kategorier och dom har i sig kategorier.

Om man nu checkar i nån av underkategorierna så skall checkboxen för huvudkategorin automatiskt fyllas i men bara den som är huvudkat för underkatten.

Hoppas nån fattar vad jag vill göra =)

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

## #2 — Jojoxx, 2003-01-25T15:31Z

Det kanske är mer logiskt att använda radio-knappar där istället eftersom jag antar att inte mer än 1 huvudkategori skall gå att välja.

```
<form>
<input type="radio" name="kat"><br>
...<input type="radio" name="kat0" onClick="this.form.kat[0].checked=true;">
...<input type="radio" name="kat0" onClick="this.form.kat[0].checked=true;">
...<input type="radio" name="kat0" onClick="this.form.kat[0].checked=true;"><br>
<input type="radio" name="kat"><br>
...<input type="radio" name="kat1" onClick="this.form.kat[1].checked=true;">
...<input type="radio" name="kat1" onClick="this.form.kat[1].checked=true;">
...<input type="radio" name="kat1" onClick="this.form.kat[1].checked=true;"><br>
</form>
```

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

## #3 — startail, 2003-01-25T16:38Z

Tackar.

För att uveckla detta lite mer så har jag suttit å tänkt på det.
Man kan ha en dropdown meny som visar dom underkategorier man kan välja med hjälp av radio knappar.
Detta för att slippa visa alla kategorier på en gång då det kan vara en del.

Finns det nått sätt att göra detta på ?

Sen en sak om det som postades innan.
Om jag kryssar/trycker i en radio button på kategori 1 så slocknar inte den på kategori 0. Hur löser man det ?

Det skall gå att klicka i mer än en under kategori. Men bara en huvudkategori. Så checkboxes och radio knappar kommer att användas.

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

## #4 — Peter S, 2003-01-25T17:57Z

Redigerad.

Någonting sådant här kanske:

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

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

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

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

//-->
</script>

<body>

<form name="foo">
<div>
	<dl>
		<dt><input type="checkbox" name="kat1"></dt>
		<dd><input type="radio" name="kat1_item1" onclick="checkCat('kat1')"></dd>
		<dd><input type="radio" name="kat1_item2" onclick="checkCat('kat1')"></dd>
		<dd><input type="radio" name="kat1_item3" onclick="checkCat('kat1')"></dd>
		<dd><input type="radio" name="kat1_item4" onclick="checkCat('kat1')"></dd>
	</dl>
</div>
<div>
	<dl>
		<dt><input type="checkbox" name="kat2"></dt>
		<dd><input type="radio" name="kat2_item1" onclick="checkCat('kat2')"></dd>
		<dd><input type="radio" name="kat2_item2" onclick="checkCat('kat2')"></dd>
		<dd><input type="radio" name="kat2_item3" onclick="checkCat('kat2')"></dd>
		<dd><input type="radio" name="kat2_item4" onclick="checkCat('kat2')"></dd>
	</dl>
</div>
<div>
	<dl>
		<dt><input type="checkbox" name="kat3"></dt>
		<dd><input type="radio" name="kat3_item1" onclick="checkCat('kat3')"></dd>
		<dd><input type="radio" name="kat3_item2" onclick="checkCat('kat3')"></dd>
		<dd><input type="radio" name="kat3_item3" onclick="checkCat('kat3')"></dd>
		<dd><input type="radio" name="kat3_item4" onclick="checkCat('kat3')"></dd>
	</dl>
</div>
<div>
	<dl>
		<dt><input type="checkbox" name="kat4"></dt>
		<dd><input type="radio" name="kat4_item1" onclick="checkCat('kat4')"></dd>
		<dd><input type="radio" name="kat4_item2" onclick="checkCat('kat4')"></dd>
		<dd><input type="radio" name="kat4_item3" onclick="checkCat('kat4')"></dd>
		<dd><input type="radio" name="kat4_item4" onclick="checkCat('kat4')"></dd>
	</dl>
</div>
</form>

</body>
```

 :)

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

## #5 — startail, 2003-01-25T18:39Z

Skrev om det så det tvärt om med checkbox/radio buttons :)

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

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

        for(var i=0; i<form.elements.length; i++){
                if(form.elements[i].type == "checkbox" && form.elements[i].name.indexOf(n) != -1) continue;
                form.elements[i].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>
```

Dock så om man klickar i en annan radio knapp (utan att klicka på checkboxarna) så avmarkeras inte den förra radio knappen nu  §jr

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

## #6 — startail, 2003-01-25T18:58Z

\<input type="radio" name="kat2" onclick="checkCat('kat2')"\>

Simpel lösning juh...  :r 

Tack för hjälpen!

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/66106-checkboxar-igen
