jQuery Sales Tax
Posted
by
CKallemeres
on Stack Overflow
See other posts from Stack Overflow
or by CKallemeres
Published on 2011-03-03T15:10:52Z
Indexed on
2011/03/03
15:25 UTC
Read the original article
Hit count: 193
JavaScript
|jQuery
Hello everyone! I have created a function (see below) that calculates a 7.5% sales tax. Now I need help doing the following:
Have totalTax() take in 2 arguments one for the price and one for the tax.
On submit (use the onSubmit event handler to call this function) have the function process the price and the tax by manipulating the arguments you passed in.
Have the sales tax on the page update dynamically with what ever the sales tax is that you defined for the function 7.5 percent sales tax:
Instead of using .innerHTML use jQuery to access these document elements and write to them:
document.getElementById('requestedAmount' ).innerHTML = priceInput; document.getElementById('requestedTax' ).innerHTML = salesTax; document.getElementById('requestedTotal' ).innerHTML = totalAmount;
Original Code:
<script type="text/javascript">
$().ready(function() {
// validate the comment form when it is submitted
$("#inputForm").validate();
$("#priceInput").priceFormat({
prefix: '',
limit: 5,
centsLimit: 2
});
});
function totalTax(){
var priceInput = document.getElementById( 'priceInput' ).value;
var salesTax = Math.round(((priceInput / 100) * 7.5)*100)/100;
var totalAmount = (priceInput*1) + (salesTax * 1);
document.getElementById( 'requestedAmount' ).innerHTML = priceInput;
document.getElementById( 'requestedTax' ).innerHTML = salesTax;
document.getElementById( 'requestedTotal' ).innerHTML = totalAmount;
}
</script>
<body>
<form class="cmxform" id="inputForm" method="get" action="">
<p>
<label for="priceInput">Enter the price: </label>
<input id="priceInput" name="name" class="required"/>
</p>
<p>
<input class="submit" type="submit" value="Submit" onclick="totalTax();"/>
</p>
</form>
<div>Entered price:
<p id="requestedAmount"></p>
</div>
<div>7.5 percent sales tax:
<p id="requestedTax"></p>
</div>
<div>Total:
<p id="requestedTotal"> </p>
</div>
© Stack Overflow or respective owner
