Question

让我说我有两个输入，第一个是金额，第二个是价格如果用户更改了金额，则价格应更改为金额*价格

<input type='text' name='amount' />
<input type='text' name='price' />

已经有PHP变量有价格了！

我该怎么做？

Answer 1

我只是假设您要在readonly文本框

中显示结果

HTML，

<input type='text' name='amount' />
<input type='text' name='price' />
<input type='text' name='result' readonly=true/>

JS，

  var amt = $('input[name=amount]')
  var price = $('input[name=price]')

  amt.add(price).on('input', function () {
      var amtVal = parseInt(amt.val(), 10);
      var priceVal = parseInt(price.val(), 10);
      $('[name=result]').val((isNaN(amtVal) ? 0 : amtVal) * (isNaN(priceVal) ? 0 : priceVal));
  });

DEMO

Answer 2

<强> Demo

尝试以下代码段

$('input[name=amount]').keyup(function () {
    var value = isNaN(this.value) ? false : parseFloat(this.value);


        $('input[name=price]').val(function () {
            if (value && this.value.length) {
                return isNaN(this.value) ? '' : parseFloat(this.value) * value;
            }
        });

});

您可以使用change代替keyup。此外，我想所有涉及的元素都是静态的。

jQuery用另一个元素值替换元素的文本

2 个答案:

DEMO