2010-08-17 40 views
0

如何申请税金,打折到小计并计算总计?如何申请税费,打折使用jQuery发票

我的这些段落具有以下ID的

<p id="subtotal">15000</p> 
<p id="tax">10</p> // In percentage 
<p id="discount">1000</p> 
<p id="grandtotal"></p> // Grandtotal will be calculated and displayed here using jquery 

总计是15000 +(1500 //税) - (1000 //折扣)= 15500

如何计算这个使用jQuery?

+0

您提供的等式有点令人困惑。谨慎地阐述一下它? – 2010-08-17 21:06:47

回答

2
var subtotal = parseFloat($('#subtotal').text()); 
var taxRate = parseFloat($('#tax').text()); 
var disc = parseFloat($('#discount').text()); 

var taxAmount = subtotal * (taxRate/parseFloat("100")); //15000 * .1 

var yourGrandTotal = subtotal + (taxAmount) - (disc); 

//update div with the val 
$('#grandtotal').text(yourGrandTotal); 
+0

谢谢:)正是我在找什么,虽然其他答案也是正确的。 – 2010-08-17 21:17:47

2
var subtotal = parseFloat($('#subtotal').text()); 
... 

$('#grandtotal').text(grandTotal); 

其余的是香草javascript,除了设置或获取。

+0

如何计算百分比? :D :) – 2010-08-17 21:03:05

0

首先,全段滥用该段落元素<p>。相反,使用folling:

HTML

<div id="subtotal-and-taxes"> 
    <var id="subtotal">15000</var> 
    <var id="tax">10</var> // In percentage 
    <var id="discount">1000</var> 
    <var id="grandtotal"></var> // Grandtotal will be calculated and displayed here using jquery 
    <!-- or use span elements --> 
</div> 

CSS

#subtotal-and-taxes var { 
    display:block 
    margin-top:5px; 
    margin-bottom:5px; 
} 

接下来,你可以使用jQuery来获取这些元素的引用,并与html()功能读取其内容:

var subtotal = $("#subtotal-and-taxes #subtotal").html(); 
var tax = $("#subtotal-and-taxes #tax").html(); 
var discount = $("#subtotal-and-taxes #discount").html(); 

然后使用非jQuery JavaScript来计算grandtotal。不幸的是,你的等式有点令人困惑,所以我不会为你拼出来。