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

Question

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

目前，它采用最终用户输入的金额并将总数乘以 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);