0

これに一日中頭を悩ませていて、どうすればいいのかわかりません... 誰か助けてくれませんか?

jQuery 計算プラグインを使用して、サイトの入力ボックスから計算を実行したい...

例えば：

入力ボックス: ゲストの数とサービングの数

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 名のゲストの場合、2 人前は £180+£12+£67.20=£259.20 になります。

誰でも助けることができますか？

前もって感謝します

4

2 に答える 2

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>
于 2012-05-31T12:21:05.977 に答える
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)); 
});​

作業例はこちら

于 2012-05-30T15:11:56.950 に答える