Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jQuery用另一个元素值替换元素的文本_Jquery - Fatal编程技术网

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

jQuery用另一个元素值替换元素的文本,jquery,Jquery,假设我有两个输入,第一个是数量,第二个是价格 如果用户更改了金额,则价格应更改为金额*价格 <input type='text' name='amount' /> <input type='text' name='price' /> 已经有PHP变量具有价格 我该怎么做呢?我只是假设您将在只读文本框中显示结果 HTML 请尝试以下代码段 $('input[name=amount]').keyup(function () { var value = isNa

假设我有两个输入,第一个是数量,第二个是价格 如果用户更改了金额,则价格应更改为金额*价格

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

已经有PHP变量具有价格


我该怎么做呢?

我只是假设您将在
只读文本框中显示结果

HTML

请尝试以下代码段

$('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
。我还假设所有涉及的元素都是静态的。

amount*price
您想在哪里显示此..?+1用于使用parsefloat。。我没想到。。
  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));
  });
$('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;
            }
        });

});