jQuery销售税

我创建了一个计算7.5％销售税的函数（见下文）。现在，我需要帮助做以下几点：jQuery销售税

有无totalTax（）取2个参数一个是价格，一个是税。
在提交通过操纵你传递的参数（使用onSubmit事件处理程序来调用这个函数）具有功能过程中的价格和税。

对销售税页面更新动态与以往销售税是什么，你的功能 7.5％的销售税定义：

而不是使用.innerHTML使用 jQuery来访问这些文档元素和写信给他们：

document.getElementById('requestedAmount').innerHTML = priceInput; 
    document.getElementById('requestedTax').innerHTML = salesTax; 
    document.getElementById('requestedTotal').innerHTML = totalAmount;

原始代码：

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

来源

2011-03-03 Courtney Stephenson

希望你也在做这个服务器端，有人可以改变脚本来计算负税:) – Orbit 2011-03-03 15:15:56

我只是因为这个原因。 – 2011-03-03 15:17:28

您将其转换为jQuery的的需求是在这里：

$(document).ready(function() { 
    // validate the comment form when it is submitted 
    $("#inputForm").validate(); 
    $("#priceInput").priceFormat({ 
    prefix: '', 
    limit: 5, 
    centsLimit: 2 
}); 
}); 

function totalTax(){ 
    var priceInput = parseFloat(($("#priceInput").var());//document.getElementById('priceInput').value; 
    var salesTax = Math.round(((priceInput/100) * 7.5)*100)/100; 
    var totalAmount = (priceInput*1) + (salesTax * 1); 

    $('#requestedAmount').html(priceInput) ; 
    $('#requestedTax').html(salesTax); 
    $('#requestedTotal').html(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>

来源

2011-03-03 15:21:05 jimy

回答

相关问题