使用jquery或javascript计算价格和数量

时间:2016-05-24 20:27:15

标签: javascript jquery

如何计算价格和数量。我不想删除货币类型。价格是php生成的,所以我只想在使用jquery或javascript更新数量时显示计算出的价格。谢谢。

这是工作演示:

$('input[name=\'quantity\']').on('change keyup click', function() {
	var price = $('.price').text().substr(1);
  var quantity =  $('.quantity').val();
  
  $('.total').text(price * quantity);
  
  });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Total : <span class="total">$50.00</span></br>
Price : <span class="price">$50.00</span></br>
<input name="quantity" class="quantity" value="1" />

1 个答案:

答案 0 :(得分:3)

您可以使用子字符串函数获取货币:

var currency = $('.price').text().substr(0, 1);

...然后将其添加到text函数:

$('.total').text(currency + (price * quantity).toFixed(2)); // Adds $ and .00 decimals

完整代码:

$('input[name=\'quantity\']').on('change keyup click', function() {
  var price = $('.price').text().substr(1);
  var currency = $('.price').text().substr(0, 1);
  var quantity = $('.quantity').val();

  $('.total').text(currency + (price * quantity).toFixed(2));

});