无法使用jquery标签和求和变量显示购物车价值

时间:2015-01-07 18:28:31

标签: jquery input labels keyup

简单的php购物车。当用户在输入文本中添加金额并显示每个产品的总价值时,查看显示总值(标签成本*输入的数量)。每种产品的成本都是不同div上每种产品的内部标签。最后,显示购物车上每件商品的总价值(总和)。

<form>
    <div><input type="text" name="quantity[]" class="combine"></div>
    <div>$<label id="cost">2.50</label></div>
    <div>$<label id="total">0.00</label></div>

    <div><input type="text" name="quantity[]" class="combine"></div>
    <div>$<label id="cost">5.00</label></div>
    <div>$<label id="total">0.00</label></div>

    <div>Grand Total <label id='gtotal'>$0.00</div>
</form>

需要这个不完整的jquery代码的帮助:

$(document).ready(function() {

    var form = $('.combine');
    var vals = form.map(function () {
            var value = $.trim(this.value)
            return value ? value : undefined;

        }).get();

        $(".combine").keyup(function(){
            var quantity = $(this).val();
            var cost = ? ; 

            $('#total').text((quantity * cost ));
            $('#gtotal').text( sum of all #total );
        });

} );

我需要的结果,当用户在文本字段上添加数量时,jquery显示总计和总计:

  • 产品1 - 数量。 5费用:2.50美元总计:12.50
  • 产品2 - 数量。 3费用:$ 5.00总计:15.00

总计:27.50美元

仅与一种产品的链接:http://jsfiddle.net/0L4j8qnj/


任何建议将任何代码更改为简单的方法,也会受到赞赏。谢谢。

0 个答案:

没有答案