jQuery를 사용하여 세금을 인보이스로 할인하는 방법

Question

세금을 적용하는 방법, 소계에 할인을하고 총액을 계산 하시겠습니까 ?? (1000 // 할인) = 15500

내가 어떻게이 계산합니까 -

나는 (// 세금 1500) 15000 + 것이다 다음 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 

총계 이러한 단락이 jQuery 사용?

Answer 1

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); 

Answer 2

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

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

나머지는 설정 또는 가져 오는 것 외에 바닐라 자바 ​​스크립트입니다.

Answer 3

먼저 문단 요소 <p>의 남용.

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

다음, 당신이 그 요소에 대한 참조를 얻기 위해 jQuery를 사용하고 html() 기능과 내용을 읽을 수 있습니다

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 :

대신, folling를 사용

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

다음 비 jQuery JavaScript를 사용하여 grandtotal. 불행히도 방정식은 약간 혼란 스럽기 때문에 철자를 쓰지 않을 것입니다.