HAML + Jquery:根据单位成本和数量自动计算总计(不使用表格)

时间:2012-05-21 19:00:50

标签: jquery ruby-on-rails e-commerce calculated-field

我不确定keyup是否是正确的工具,但理想情况下,用户可以输入数量和单位成本,它只是在最右边的列中吐出(不必输入或什么,只是吐出来的)。默认情况下,页面加载时,'total'设置为$ 0.00。

http://jsfiddle.net/BgrSU/1/

根据代码的建议,

%p#first_brand $0.00​​​​

是最初的总数。如果用户输入单位成本和数量,则会将其更改为所需的金额,即

#total_result

如果您不想点击链接,这是该功能。请注意,JS控制台中没有错误。

$(document).ready(function(){
  $('input#bulk_order_unit_cost0, input#bulk_order_quantity0').keyup(function(){
    $('#total_result').text($(('.field#unit_cost0')*('.field#quantity0')).val());

  });
});

非常感谢任何帮助。这类东西比较新。

1 个答案:

答案 0 :(得分:1)

所以看起来你不能把HAML语法放在jsfiddle页面中。将其更改为html并对js进行一些小的更改,结果就是这样 http://jsfiddle.net/BgrSU/2/ 。寻找我将调用移动到jquery('$')的位置,然后我改变了keyup来改变,这似乎是你真正想要的

我也会加入一个舍入位,但我把它留下来以保持代码整洁。你可以在这里阅读http://www.javascriptkit.com/javatutors/round.shtml