---
title: "Beräkna pris beroende på värde i textruta?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/185382-beräkna-pris-beroende-på-värde-i-textruta/page2"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "streetrobban"
published: "2010-11-25T18:43:14.000Z"
updated: "2010-12-10T10:13:20.000Z"
replies: 25
views: 1631
page: 2
pages: 2
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/185382-beräkna-pris-beroende-på-värde-i-textruta"
---

# Beräkna pris beroende på värde i textruta?

_Sida 2 av 2._

## #21 — streetrobban, 2010-11-26T15:53Z

Yes, jag har laddat jQuery'n.

Vad menar du med klasser på TR?

Jag har flyttat ut \<form\> nu från tabellen, men hela produkttabellen ligger i en annan tabell. Jag är även gjort så Product får unika namn.

Hur ser detta ut?

```
		<form id="Products" name="Products"> 

    <table width="760" border="1" cellspacing="2" cellpadding="0"> 
		<tr> 
			<td> 
			<b>Namn</b> 
			</td> 
			<td> 
			<b>Produkt</b> 
			</td> 
			<td> 
			<b>Antal</b> 
			</td> 
			<td> 
			<b>Radpris</b> 
			</td> 
		</tr> 
	
		<tr>
			<td>
			Badkarsblandare
			</td>
			<td>
			<input type="text" name="Count" value="0" size="2">
			</td>
			<td>
			<input type="text" id="Product1" name="Product1" value="1250" size="5" disabled="true">
			</td>
			<td>
			<input type="text" name="sum" value="" size="6">
			</td>
		</tr>
		<tr>
			<td>
			Badkar IFÖ Pro 1600
			</td>
			<td>
			<input type="text" name="Count" value="0" size="2">
			</td>
			<td>
			<input type="text" id="Product2" name="Product2" value="3800" size="5" disabled="true">
			</td>
			<td>
			<input type="text" name="sum" value="" size="6">
			</td>
		</tr>	
		</table> 
	
		<div id="totalSum"></div> 
		
		<script type="text/javascript"> 
		var inputs = $(".product input");				
		inputs.change(function() {
			var		
			p = $(this).closest("tr"), //.product, "grouping inputs"
			price = p.find("input[name^='Product']").val(), // find all inputs that starts with Prouduct
			count = p.find("input[name^='Count']").val(),// find all inputs that starts with Count
			sum = p.find("input[name^='sum']").val(count*price), //// find all inputs that starts with sum
		
			allSum = inputs.filter("[name^='sum']"),
		
			totalSum = $("#totalSum"),
		
			val = 0;
			
			for(var i=0,l=allSum.length;i<l;i++) {
				val+=+($(allSum[i]).val());
			}
		
			totalSum.text(val); //Display total sum.
		}).change();
		</script> 
		
		</form>
```

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

## #22 — voigtann1, 2010-11-26T16:15Z

En css klass class="namn" jag kommer inte åt källkoden, men kolla vad mina div:ar och sätt samma klass på dina tr

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

## #23 — voigtann1, 2010-11-26T17:32Z

kunde inte kolla på källkoden på tåget, men tr skall ha  class="product" annars kommer jquery inte kunna hitta elementen för att binda eventen på dom.

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

## #24 — streetrobban, 2010-12-06T08:34Z

Yes, efter lite frånvaro är jag nu tillbaka i tråden  :) Din kod funkade perfekt! Stort tack för hjälpen.

Jag undrar dock om man kan få in en sak till. Hur gör jag för att få in en droplista med ja/nej för val av frakt. Om man väljer ja så ska totalsumman uppdateras med t.ex. 500 kr. Detta ska bara finnas med på ett ställe, inte för varje produkt.

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

## #25 — streetrobban, 2010-12-06T08:34Z

Dubbelpost.

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

## #26 — voigtann1, 2010-12-10T10:13Z

gjorde en uppdatering på <http://voigt.se/sandbox/wf/streetrobban/cart.html> är det detta du är ute efter?

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/185382-beräkna-pris-beroende-på-värde-i-textruta/page2  
Föregående sida: https://www.webforum.nu/amne/javascript/185382-beräkna-pris-beroende-på-värde-i-textruta.md