---
title: "Checkboxar onclick och summering?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/123442-checkboxar-onclick-och-summering"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Alamartimo"
published: "2005-03-01T09:55:24.000Z"
updated: "2006-05-26T19:12:03.000Z"
replies: 9
views: 699
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/123442-checkboxar-onclick-och-summering"
---

# Checkboxar onclick och summering?

## #1 — Alamartimo, 2005-03-01T09:55Z

Hejsan!

Har 4 checkboxar som användaren kan klicka i.

Jag har en uträkning som görs från en tabell först och checkboxarna får tal som värde.

Nu vill jag att när användaren klickar i checkboxen så ska värdena sumeras längre ner på sidan. Utan att jag skickar iväg data. Utan bara en uppdatering när checkboxen är ikryssad.

Jag har försökt med Onclick men får inte det att fungera.

```
<input type="checkbox" name="rchassi" onClick="" value="<%= intCostChassi %>">
```

Jag gör det här med ASP och MySQL..

Tacksam för hjälp  :)

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

## #2 — nitro2k01, 2005-03-01T10:00Z

onclick stavas med små bokstäver (gemener) men det bör fungera ändå. Du vill alltså ha en rutin för att summera innehållet i formuläret?

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

## #3 — Alamartimo, 2005-03-01T10:36Z

nitro2k01

Jag vill summera de checkboxar som användaren kryssar i (på samma sida så användaren ser totalsumman för det han kryssat i) innan formuläret skickas till nästa sida.

Jag kanske var lite otydlig  :)

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

## #4 — nitro2k01, 2005-03-01T10:47Z

Och det måste alltså ske direkt när kryssrutan kryssas för, och inte när man klickar på en speciell knapp?

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

## #5 — jawbreaker, 2005-03-01T11:04Z

Såhär skulle man kunna summera värdet för alla ikryssade checkboxar på sidan (oavsett hur många de är). Om det finns checkboxar på sidan som inte ska vara med i beräkningen så måste koden naturligtvis modifieras lite...

```
function calcSum( p_form )
{
	var sum = 0;

	for ( var i = 0; i < p_form.elements.length; i++ )
	{
		if ( p_form.elements[i].type == "checkbox" && p_form.elements[i].checked )
			sum += parseFloat( p_form.elements[i].value );
	}

	document.getElementById( "totalSum" ).innerHTML = "Summa: " + sum;
}
```

...

```
<input type="checkbox" name="rchassi" onclick="calcSum(this.form);" value="<%= intCostChassi %>"> Alternativ 1<br>
<input type="checkbox" name="dummy" onclick="calcSum(this.form);"> Alternativ 2<br>

<div id="totalSum"></div>
```

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

## #6 — Alamartimo, 2005-03-01T11:30Z

nitro2k01:

Japp när man kryssar i rutan.

jawbreaker:

Ska testa din variant lite senare här. Återkommer :) 
Jag har 2 separat formulär på sidan med 2 olika submit buttons.
Så det borde funka utan någon modifiering av din kod.

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

## #7 — Alamartimo, 2005-03-01T12:53Z

jawbreaker:

Jag får ett felmeddelande på din kod:

Rad 78
Fel: 'document.getElementById(...)' är null eller inte ett objekt

Jag kollar vidare här så länge 
 :)

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

## #8 — jawbreaker, 2005-03-01T13:08Z

Hur ska du presentera summan som räknas fram? Som det är i mitt exempel så försöker koden skriva summan till en div.
Om du kollar min kod så finns följande lilla snutt:

```
<div id="totalSum"></div>
```

Du saknar förmodligen den i din HTML-kod..?

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

## #9 — Alamartimo, 2005-03-01T13:15Z

Äsch då  :) 

Hade fel i starten av scriptet  :r 

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

Tack för hjälpen  jawbreaker  Funkade utmärkt ju :e

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

## #10 — nakoz, 2006-05-26T19:12Z

jag är ute efter nästan samma grej, men istället för att den summerar value't på checkboxen så skulle jag vilja att den bara lägger in hur många checkboxar som är i-bockade, eller ännu hellre, hur många som återstår innan han är klar.

Jag gör nämligen en sida där kunden väljer på sida1 hur många "sektioner" denne har idag och skickar sen det värdet till sida2 där denne ska bocka i: querystring x16 = antal boxar. Då vill jag ha en räknare som räknar ner, men jag lyckas inte modda detta och få det att fungera. Hjälp tack =)

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/123442-checkboxar-onclick-och-summering