主页 / 问题 / 1145621
Accepted
Владислав Самохин
Asked:2020-06-25 22:23:42 +0000 UTC2020-06-25 22:23:42 +0000 UTC

将数字增加 0.1 jquery

  • 772

请告诉我为什么更改数量时会有小数点后10位的数字？

function plus_modifier_count_product() {
  var count = parseFloat($("#amount").val());
  var new_count = count + 0.1;
  $("#amount").val(new_count);
}

function minus_modifier_count_product() {
  var count = parseFloat($("#amount").val());
  var new_count = count - 0.1;
  $("#amount").val(new_count);
}
.modifier_count {
  display: inline-block;
  width: 20px;
  border: 2px solid blue;
  text-align: center;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="modifier_count" onclick="minus_modifier_count_product();">-</div>
<input type="number" id="amount" placeholder="Количество" value="1.5" step="0.1">
<div class="modifier_count" onclick="plus_modifier_count_product();">+</div>

html

2 个回答

  1. Best Answer

    function plus_modifier_count_product() {
  var count = parseFloat($("#amount").val());
  var new_count = count + 0.1;
  $("#amount").val(Number(new_count.toFixed(3)));
}

function minus_modifier_count_product() {
  var count = parseFloat($("#amount").val());
  var new_count = count - 0.1;
  $("#amount").val(Number(new_count.toFixed(3)));
}
    .modifier_count {
  display: inline-block;
  width: 20px;
  border: 2px solid blue;
  text-align: center;
}
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="modifier_count" onclick="minus_modifier_count_product();">-</div>
<input type="number" id="amount" placeholder="Количество" value="1.5" step="0.1">
<div class="modifier_count" onclick="plus_modifier_count_product();">+</div>

    • 2

  2. 因为在 JavaScript 中，小数运算存在精度损失问题。更多关于这一点的内容写在这里。

    有没有可能绕过这个问题？当然，最可靠的方法是使用 toFixed(n) 方法对结果进行四舍五入。

    • 1

相关问题