使用十进制数字段的计算

Question

 function setZeroNumberDecimal(el) {
    el.value = parseFloat(el.value).toFixed(0);
};
 function setThreeNumberDecimal(el) {
    el.value = parseFloat(el.value).toFixed(3);
};

$(document).ready(function(){
$(".calc").keyup(function(){
      var areasf = +$(".SF").val();
      $("#acre").val(areasf/43560);
});
});

  <input type="number" onchange="setZeroNumberDecimal(this)" name="grosslandSF" class="calc SF">
  <input type="number" onchange="setThreeNumberDecimal(this)" name="grosslandacre" disabled="disabled" id="acre">

任何帮助都会很好。

Answer 1

可以使用oninput事件代替内联onchange事件。

中更改值时：

$("#acre").val(areasf/43560)

这不会激发相应的事件，因此您必须自己执行：

$("#acre").val(areasf/43560).trigger('input');

function setZeroNumberDecimal(el) {
    el.value = parseFloat(el.value).toFixed(0);
};
function setThreeNumberDecimal(el) {
    el.value = parseFloat(el.value).toFixed(3);
};

$(document).ready(function(){
    $(".calc").keyup(function(){
        var areasf = +$(".SF").val();
        $("#acre").val(areasf/43560).trigger('input');
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<form>
    <input type="number" oninput="setZeroNumberDecimal(this)" name="grosslandSF" class="calc SF">
    <input type="number" oninput="setThreeNumberDecimal(this)" name="grosslandacre" disabled="disabled" id="acre">
</form>