javascript - 使用输入类型 jQuery 的公式实时更改值

Question

我必须输入:

• 首先，用户可以输入金额(例如 1000)。
• 第二个输入是只读的。我需要根据 First+1%(百分比)的值来生成第二个输入中的值。

因此，如果用户在第一个字段中输入值:1000。在第二个字段中必须出现 1010

代码:

$(document).ready(function() {
  $("#summWithoutComission").keyup(function() {
    var thisVal = $("#summWithoutComission").val;
    $("#summWithComission").val(thisVal);
  });
});

标记:

<input type="text" id="summWithoutComission" name="AMOUNT" maxlength="50" value="1000" class="text-field" />
<input type="text" id="summWithComission" value="" readonly class="text-field" />

这是 fiddle https://jsfiddle.net/9hpyg1pc/4/

Answer 1

如果你想给一个数字加上一个百分比，你应该将该数字乘以 1 再加上百分比分数。

百分比分数是除以 100 的分数。例如，1 除以 100 或 1/100 = 0.01，然后在该百分比分数上加 1，得到 1.01

使用 3490 输入，例如 3490+1% = 3490 * 1.01 = 3524.9

因此，对于您的示例，它将是:

1000 + 1% = 1000 * 1.01 = 1010

现在调整您的代码:我们需要首先将其解析为数值。

$(document).ready(function() {
  $("#summWithoutComission").keyup(function() {
    var thisVal = parseFloat($(this).val());
    var percentValue = thisVal * 1.01;
    $("#summWithComission").val(percentValue );
  });
});

现在，请注意第一个字段中已有一个值。因此，要计算它，您可以简单地触发您的键盘，如下所示:

$(document).ready(function() {
  $("#summWithoutComission").keyup(function() {
    var thisVal = parseFloat($(this).val());
    var percentValue = thisVal * 1.01;
    $("#summWithComission").val(percentValue );
  }).trigger('keyup');
});

这是一个更新的 fiddle :https://jsfiddle.net/MarkSchultheiss/9hpyg1pc/7/