Добавление числа для отображения в формате с плавающей точкой с jquery

Question

Я пытаюсь добавить сумму, которая будет отображаться как 1.00, но вместо этого она будет отображаться как 1. Я пытался использовать toFixed(2) с + 1, но он просто остается на 0.00. Есть ли правильный способ сделать это, возможно, с помощью регулярных выражений?

var ex = "/^[0-9]+\.?[0-9]*$/";

$("#addDollar").on("click", function() {
  var valueOut = $("#totalAmountIn");
  valueOut.val(parseFloat(valueOut.val() + 1).toFixed(2));
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<h1>Total Amount In</h1>

<input type="text" value="0.00" id="totalAmountIn"></input>

<div class="col-md-4">
  <button type="button" id="addDollar" class="btn btn-default">
  Add Dollar
  </button>
</div>

Answer 1

Вам необходимо проанализировать значение перед добавлением 1. Ваш код объединяет 1, а затем анализирует. Таким образом, 0.00 становится 0.001, и когда вы печатаете это с двумя десятичными разрядами, оно снова становится 0.00.

var ex = "/^[0-9]+\.?[0-9]*$/";

$("#addDollar").on("click", function() {
  var valueOut = $("#totalAmountIn");
  valueOut.val((parseFloat(valueOut.val()) + 1).toFixed(2));
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<h1>Total Amount In</h1>

<input type="text" value="0.00" id="totalAmountIn"></input>

<div class="col-md-4">
  <button type="button" id="addDollar" class="btn btn-default">
  Add Dollar
  </button>
</div>

var ex = "/^[0-9]+\.?[0-9]*$/";

$("#addDollar").on("click", function() {
  var valueOut = $("#totalAmountIn");
  valueOut.val((parseFloat(valueOut.val()) + .25).toFixed(2));
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<h1>Total Amount In</h1>

<input type="text" value="0.00" id="totalAmountIn"></input>

<div class="col-md-4">
  <button type="button" id="addDollar" class="btn btn-default">
  Add $0.25
  </button>
</div>