計算（客戶和服務）

Question

這一直是我的腦袋一整天，我不知道該怎麼做......任何人都可以幫忙嗎？

我想用jQuery Calculation plugin到我的網站上執行從輸入框計算...

例如：

輸入框： 的客人 數和 份

數

100 or less guests: £180 
+ 
£1 per each additional guest (101+) 
+ 
£0.60 per each additional guest serving 

計算：將是£180 +（ad ditional客人X£1）+（總的客人X份@ 0.60£）

實施例： 112客人2份將在£180 +£12 +£67.20 =£259.20

誰能幫助所有？

在此先感謝

Answer 1

最終代碼：

<script type="text/javascript"> 



$(document).ready(function() { 





$('#numguests,#numservings').change(function() { 
var numguests = parseInt($('#numguests').val(), 10); 
var guestprice = 180; 
if (numguests > 100) { 
guestprice = guestprice + (numguests - 100); 
} 
var servingsprice = 0; 
var numservings = parseInt($('#numservings').val(), 10); 
if (numservings > 1) { 
servingsprice = numguests * 0.60 * (numservings-1); 
} 
$('#total').html(parseFloat(guestprice + servingsprice).toFixed(2)); 
}); 

}); 
</script> 


<div id="calculator"> 
<p><strong>Use our Cost Calculator to work out a price:</strong></p> 
<p>Number of guests <input id="numguests" value="100"><br> 
Number of 4oz servings per guest<input id="numservings" value="1"><br> 
Total price : &amp;<span id="total"></span></p> 
</div> 




</div> 

Answer 2

無需插件 - 其簡單的數學：

$('#numguests,#numservings').change(function() { 
    // get value of input - parse to int 
    var numguests = parseInt($('#numguests').val(), 10); 
    // base guest price 
    var guestprice = 180; 
    if (numguests > 100) { 
     // add cost of extra guests 
     guestprice = guestprice + (numguests - 100); 
    } 
    var servingsprice = 0; 
    // get value of input - parse to int 
    var numservings = parseInt($('#numservings').val(), 10); 
    if (numservings > 1) { 
     // add cost of extra servings 
     servingsprice = numguests * 0.60; 
    } 
    // round to 2 places and output 
    $('#total').html(parseFloat(guestprice + servingsprice).toFixed(2)); 
});​ 

Working example here