javascript HTML,使用jquery增加输入值

b5lpy0ml  于 2023-02-21  发布在  Java
关注(0)|答案(2)|浏览(138)

我想把金额输入中输入的数值真实的增加10%,显示在金额+佣金输入中,怎么做?如果你能帮我我会很高兴的谢谢

bfnvny8b

bfnvny8b1#

使用jQuery,读取更改时的输入值,然后计算佣金后的最终金额,并将其显示在第二个输入字段中,该字段将被禁用。

$('input').on( "input", function() {
  console.log( $( this ).val() );
  let val = parseInt($(this).val());
  let comm = 10;
  let total = val + val*comm/100;
  $('input[name="total"]').val(total);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="number" name="amount"/>
<input type="text" name="total" disabled />
bpzcxfmw

bpzcxfmw2#

你需要提供你的代码,以便我们可以帮助你。
但是,您可以使用.change()方法在Jquery中执行此操作

let amount = 0;
let amountPlusCommission = 0;

const commission = 0.1;

$("#yourinputID").change(function () {
    const value = $(this).val();
    amount = value;
    amountPlusCommission = value + (value * commission);
    $("#yourSecondinputID").val(amountPlusCommission);
});

将yourinputID更改为第一个输入ID,将yourSecondinputID更改为结果输入ID。

EXTRA:.keyup()函数对此要好得多

$("#yourinputID").keyup(function () {...})

.change()检测输入何时改变,但是.keyup()检测用户何时释放输入上的键,并且效率高得多。

相关问题