Jquery 计算(客户和服务)
这已经折磨了我一整天了,我不知道怎么做。。。有人能帮忙吗 我想使用从我的站点上的输入框执行计算 例如: 输入框: 客人人数 和 份数Jquery 计算(客户和服务),jquery,calculator,jquery-calculation,Jquery,Calculator,Jquery Calculation,这已经折磨了我一整天了,我不知道怎么做。。。有人能帮忙吗 我想使用从我的站点上的输入框执行计算 例如: 输入框: 客人人数 和 份数 100 or less guests: £180 + £1 per each additional guest (101+) + £0.60 per each additional guest serving 计算:将为180英镑以上(额外客人x 1英镑)+(总客人x服务费@0.60英镑) 示例:112位客人,两份服务的价格为180英镑+12英镑+67.20英镑
100 or less guests: £180
+
£1 per each additional guest (101+)
+
£0.60 per each additional guest serving
计算:将为180英镑以上(额外客人x 1英镑)+(总客人x服务费@0.60英镑)
示例:112位客人,两份服务的价格为180英镑+12英镑+67.20英镑=259.20英镑
有人能帮忙吗
提前感谢不需要插件-它的简单数学:
$('#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));
});
最终代码:
<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 : &<span id="total"></span></p>
</div>
</div>
$(文档).ready(函数(){
$('#numguests,#numservings').change(function(){
var numguests=parseInt($('#numguests').val(),10);
var-guestprice=180;
如果(numguests>100){
guestprice=guestprice+(numguests-100);
}
var servingsprice=0;
var numservings=parseInt($('numservings').val(),10);
如果(numservings>1){
服务价格=numguests*0.60*(numservings-1);
}
$('#total').html(parseFloat(guestprice+servicingsprice).toFixed(2));
});
});
使用我们的成本计算器计算价格:
客人人数
每位客人的4盎司服务量
总价:&
您到底有什么问题?谢谢。在JSFIDLE上就像一个符咒,但在这里无法使用:很抱歉不接受答案。我现在已经这样做了。还有-我现在有点在工作,但它不会计算出超过2份的服务价格。你知道为什么吗?@CraigEves:servingsprice=numguests*0.60
应该是servingsprice=numguests*0.60*(numservings-1)