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); |
…然后将其添加到
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)); }); |