自动更新输入值

费赞萨迪克

用简单的话来说，我希望每当我输入值时，它会自动更新当前它的唯一更新，当我增加/减少数量值时，也希望在我增加/减少结果字段中的值时自动更新数量

我将输入的数量字段

<input type="number" id="Quantity" value="1" min="1" step="0.01" aria-label="quantity" name="quantity">

这将始终是固定值

<input type="text" name="input2" id="input2" value="5">

结果字段：

  <input id="tiles" type="number" name="Tiles" maxlength="12"  value="">

当前 JS 代码

$("#input2,#Quantity").on('keyup change', function () {

    $('#tiles').val($('#Quantity').val() * $('#input2').val());
                      

});

天明

只需将其添加到您的 js 中：

$("#tiles").on('input', function () {
    $('#Quantity').val($('#tiles').val() / $('#input2').val());                    
});

完整示例：

$("#input2,#Quantity").on('input', function () {
    $('#tiles').val($('#Quantity').val() * $('#input2').val());                
});

$("#tiles").on('input', function () {
    $('#Quantity').val($('#tiles').val() / $('#input2').val());               
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="number" id="Quantity" value="1" min="1" step="0.01" aria-label="quantity" name="quantity">
<input type="text" name="input2" id="input2" value="5">
<input id="tiles" type="number" name="Tiles" maxlength="12"  value="">

编辑：按照 connexo 的建议将 keyup 更改更改为 input

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。