Я ищу, чтобы цена продукта автоматически обновлялась в зависимости от количества, которое выбрал клиент.
В настоящее время, когда вы выбираете пользовательскую опцию в пурпуре, цена автоматически обновляется, но при выборе количества это не так.
Таким образом, сценарий будет ценой продукта – 10 фунтов стерлингов. Пользователь вводит 3 количества и автоматически на странице продукта обновляет цену до 30 фунтов стерлингов и так далее.
Кто-нибудь знает простой способ обновления этого?
Используя jquery, вы можете сделать это
$('#qty').keyup(function(){ if($(this).val() != '' && isNumber($(this).val()) && $(this).val() > 0) { var price = $('#real_price').val() * 1; var qty = $(this).val() * 1; var total = price * qty; $('#price').html(total); } else { $('#price').html('500'); } }); function isNumber(n) { return !isNaN(parseFloat(n)) && isFinite(n); } FIDDLE
Использовать jquery ::
HTML-код:
<input type='number' id='quantity'/> <span id='total_price'></span>
Код Jquery ::
var price=100; $("#quantity").on("change",function(){ quantity=$(this).val(); total_price=price*quantity; $("#total_price").html(total_price); })