Как в третьем инпуте вывести произведение первых двух, но динамически?

Question

[del993788]

<form id='myform' method='POST' action='#'>
    <p>Помада</p>
    <span>Стоимость</span>
    <input type='text' value='300' name="sto" class="sto" disabled >
    <span>Кол-во</span>
    <input type='text' value='1' name="kolvo" class="kolvo">
    <p>цена</p>
    <input type='text' value="" name="cena" class="cena">
</form>

jQuery(document).ready(function(){
$sto = $(".sto").val();;
$kolvo = $(".kolvo").val();;
$(".cena").val($sto*$kolvo)
});

Сейчас у меня почему-то не динамически. в чём проблема? что нужно дописать, чтобы значение в третьем инпуте менялось автоматически?

Comments

[del993788]

MaxKorz: очень весело, когда открываешь страничку, а в поле с js ничего нет, и отобразить не могу) Куда тыкнуть-то, чтоб на js код посмотреть?

[del993788]

MaxKorz: всё. понял. его нет. он в html. не обратил внимание...

[del993788]

MaxKorz: а angular и jquery нормально вместе работают? или лучше не стоит?

Answer 1

[Никита]

jQuery(document).ready(function(){
$(".sto,  .kolvo").on('input', function() {
var sto = $(".sto").val();
  var kolvo = $(".kolvo").val();
  $(".cena").val(sto*kolvo);
});
});

Comments

[Никита]

такой обработчик отработает даже если значение в один из input скопируют

[del993788]

третий инпут вообще пустой... jsfiddle.net/puJ6G/2740

[Никита]

ах, да))) переменные то объявите, я забыл)) var sto = $(".sto").val();
var kolvo = $(".kolvo").val();

[del993788]

Никита: А можно ли сразу вывести 300? Ведь дефолтом у нас кол-во 1. jsfiddle.net/puJ6G/2741

[Никита]

qqignatqq: jQuery(document).ready(function(){
var sto = $(".sto").val(), kolvo = $(".kolvo").val();
$(".cena").val(sto*kolvo);
$(".sto, .kolvo").on('input', function() {
sto = $(".sto").val();
kolvo = $(".kolvo").val();
$(".cena").val(sto*kolvo);
});
});

Answer 2

[Владислав Яндимиркин]

jQuery(document).ready(function(){
  var sto = $(".sto").val();
  var kolvo = $(".kolvo").val();
  $(".cena").val(sto*kolvo);
});

Comments

[del993788]

https://jsfiddle.net/khpchdwn/ динамически?