javascript - 使用 jQuery 计算总数时遇到问题

Question

我最近一直在努力学习 jQuery。我终于让 jQuery 在底部汇总了我的表单数据，但我需要添加另一 block 拼图。

目前，它采用最终用户输入的金额并将总数乘以 4，即苹果的价格。我需要这样做，这样如果他们订购 3 个或更多苹果，表格中的金额就会减少 2 美元。 (以 4 美元购买 1 个苹果，以 10 美元购买 3 个苹果)

直播版本:http://jsfiddle.net/sbdthru/cSfmy/

    var $form = $('#apple-order'),
        $summands = $form.find('.apple'),
        $sumDisplay = $('#total');

    $form.delegate('.apple', 'change', function ()
    {
        var sum = 0;
        $summands.each(function ()
        {
            var value = Number($(this).val());
            if (!isNaN(value)) sum += value;
        });

        $sumDisplay.text(sum * 4);
    });

Answer 1

添加一个测试总和的修饰符:

var modifier = sum >= 3 ? 2 : 0;
$sumDisplay.text(sum * 4 - modifier);