Как сделать правильное сложение дробных чисел?

Question

[valdemariuses]

Здравствуйте.
Подскажите пожалуйста, как в конкретном примере сделать чтобы при сложении дробных чисел не увеличивалось количество знаков после запятой. Уже все что можно перепробовал

<div class="my_quantity">
<span class="my_minus">-</span>
<input type="text" name="quantity" class="quant" value="1.22" size="5"/>
<span class="my_plus">+</span>
</div>

$('.my_plus').click(function () {
var input = $(this).parent().find('.quant');
input = input.val(parseFloat(input.val()) + 1.22);
input.change();
return false;
});

Answer 1

[Сергей delphinpro]

Так у вас все работает правильно.
Просто при выводе конечного результата форматируйте его как надо.
https://jsfiddle.net/DelphinPRO/0h0gxfoq/

Точность конечно упадет. Чтобы повысить точность, нужно хранить оригинальное значение
https://jsfiddle.net/DelphinPRO/0h0gxfoq/1/

Comments

[valdemariuses]

Большое спасибо. Даже первое решение на большом увеличении считает точно с 3м-я знаками.
Подскажите пожалуйста, есть ли смысл делать таким образом, или это не правильно?
https://jsfiddle.net/valdemariuses/o1qvkqmg/

[Сергей delphinpro]

valdemariuses: Это чуть более надежен чем toFixed, если вам нужна точность или хотите избежать багов в старых IE.
Но по сути - то же самое. Не правильным назвать нельзя.

[valdemariuses]

Сергей: Спасибо.

Answer 2

[Андрей Хохлов]

Преобразовывайте числа в не дробные и обратно

7 * 1.22 = (7 * 122) / 100

Answer 3

[romy4]

используйте в нужном месте округление Math.round(value, 2)

Answer 4

[Сергей Соколов]

Можно использовать метод Number.toFixed()

$('.my_plus').click(function() {
  var input = $(this).parent().find('.quant');
  input = input.val(
		(parseFloat(input.val()) + 1.22).toFixed(2)
	);
  input.change();
  return false;
});

fiddle