用jQuery计算总数时遇到麻烦

时间:2013-10-15 21:22:42

标签: javascript jquery

我最近一直在努力学习jQuery。我终于得到了jQuery来在底部总计我的表单数据,但我需要在拼图中添加另一个部分。

目前它需要最终用户输入的金额并将总数乘以4,这是苹果的价格。我需要这样做,如果他们订购3个或更多苹果,表格将减少2美元。 (以10美元购买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);
    });

1 个答案:

答案 0 :(得分:3)

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

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