Объединить функции

Помогите плииз. долблюсь уже который час

Есть форма оплаты https://topinfa.ru/oplata.php

Когда вводишь поле суммы input text И отмечаешь галочками людей снизу.

введите сюда описание изображения

внизу автоматически идет подсчет введите сюда описание изображения

и когда я убираю или ставлю чекбоксы сумма меняется правильно +-100 но когда я меняю саму сумму 100 то должна автоматически измениться итоговая сумма но этого не происходит. помогите плииз.

вот код:

<script>
    $(':checkbox').on('change', function(){
        var value = $('#sum').val();
        var value1 = $(':checkbox:checked').length;
        $('#count').text(value1 * $('#sum').val() + ' ₽');
    });
</script>

<font color="red" size="5"><span id="count">
    
<span id="errmsg14"></span>
<script>
   $('#sum').keyup(function(){
      var Value =  $('#sum').val() + '₽';
      $('#errmsg14').empty();
      $('#errmsg14').text(Value);
   });
</script>
</span>
<button type=" button" class="submit" onclick="$('#donate').submit()">
  Внести пожертвование
</button>

Ответы (1 шт):

Автор решения: Август

внутри Вашего слушателя $('#sum').keyup Вы не учитывали то, что измененная сумма должна умножаться в зависимости от выбранных пожертвований. рабочий вариант будет выглядеть так:

$('#sum').keyup(function(){
      var Value =  $('#sum').val() + '₽';
      $('#errmsg14').empty();
      var checkedItemsLength = $(':checkbox:checked').length; // количество выбранных чекбоксов
      $('#errmsg14').text(Value + checkedItemsLength * 100); // добавляем к новой сумме сумму количества выбранных чекбоксов
});
→ Ссылка