2012-05-30 84 views
0

这一直是我的脑袋一整天,我不知道该怎么做......任何人都可以帮忙吗?计算(客户和服务)

我想用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

谁能帮助所有?

在此先感谢

+0

你恰好具有什么问题? –

回答

0

最终代码:

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

无需插件 - 其简单的数学:

$('#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

+0

谢谢你。像jsfiddle上的魅力工作,但不能得到它在这里工作:http://mooscandybar.co.uk/vintage-sweet-shop-dev.php –

+0

@CraigEves你没有包括jQuery库.... – ManseUK

+0

抱歉关于不接受答案。我现在这样做了。此外 - 我有点现在在http://jsfiddle.net/craigeves/QcgRs/12/和http://mooscandybar.co.uk/test.html工作,但它不会计算出2份以上的份量。你知道为什么吗? –