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

jQuery銷售稅

回答

相關問題