1



Вкратце..
Задумка такая:
Есть поле с числом, и несколько чекбоксов с процентом.
При первом нажатие на чекбокс, нужно прибавить процент к числу в поле, при втором нажатии вернуть исходное значение (по факту отнять процент).

Написал вот такое вот, но оно косячит только в путь.

Помогите заставить это работать.

$('input[type="checkbox"]').on('click', function() {
  var PCTthis = parseFloat($(this).val());
  var price = parseFloat($('input[name="price"]').val());

  if($(this).prop('checked'))
    var pricePCT = ((price * PCTthis / 100) + price);
  else
    var pricePCT = ((price * PCTthis / 100) - price);
  $('input[name="price"]').val(pricePCT);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>


<input type="text" name="price" value="100" readonly>
<br>
<input id="f1" type="checkbox" name="f1" value="10">
<label for="f1">10%</label>
<br>
<input id="f2" type="checkbox" name="f2" value="20">
<label for="f1">20%</label>
<br>
<input id="f2" type="checkbox" name="f2" value="30">
<label for="f1">30%</label>

1 ответ 1

2

$('input[type="checkbox"]').on('click', function() {
  var PCTthis = parseFloat($(this).val());
  var price = parseFloat($('input[name="price"]').val());

  if($(this).prop('checked'))
    var pricePCT = price * (1 + PCTthis / 100);
  else
    var pricePCT = price / (1 + PCTthis / 100);
  $('input[name="price"]').val(pricePCT.toFixed(0));
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>


<input type="text" name="price" value="100" readonly>
<br>
<input id="f1" type="checkbox" name="f1" value="10">
<label for="f1">10%</label>
<br>
<input id="f2" type="checkbox" name="f2" value="20">
<label for="f1">20%</label>
<br>
<input id="f2" type="checkbox" name="f2" value="30">
<label for="f1">30%</label>

1
  • Спасибо большое, Вы снова меня выручили :)
    – De.Minov
    15 мая 2018 в 17:30

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.