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

Calculate price and quantity using jquery or javascript

本问题已经有最佳答案,请猛点这里访问。

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

以下是工作演示:

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


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

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

…然后将其添加到text函数中:

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

完整代码:

1
2
3
4
5
6
7
8
$('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));

});