Задача такая - два инпута, один отвечает за количество товара, второй соответственно - за полный прайс (итого), значение в нем должно рассчитываться следующим образом: цена товара*количество товаров.
Нужно чтобы при изменении посредством ручного ввода значения в первом инпуте, мгновенно менялось (рассчитывалось по указанной формуле) значение во втором.
CODE ( html):
скопировать код в буфер обмена
<input name="quantity" type="number" min="1" max='3' value="1"/> шт. <br> <input name="totalprice" type="text" readonly value="1000"/> руб.
Использовал jquery:
CODE ( javascript):
скопировать код в буфер обмена
$('input[name=quantity]').on('change',function(){ var q = $('input[name=quantity]').val(); var total = q*1000; $('input[name=totalprice]').attr('value', total); });
этот код работает, но не совсем так, как надо.
Если нажать на стрелочки вверх-вниз в инпуте с количеством, то значение во втором инпуте (итого) меняется, как надо, однако если в инпуте с количеством ввести значение вручную, или копировать-вставить, то значение во втором инпуте остается прежним, пока курсор находится в инпуте с количеством (говоря по-другому, пока инпут находится в фокусе).
Как реализовать мгновенную смену значения при вводе с клавиатуры?
|