JS Как сделать подсчет значений velue в выбранных checkbox:checked?

Question

помогите пожалуйста кодом. Как сделать автоматический подсчет значений value из <input type="checkbox" checked>?

Например:

<input type="checkbox" checked name="mytest" value="100">
<input type="checkbox" checked name="mytest" value="200">
<input type="checkbox" checked name="mytest" value="300">
<input type="checkbox" checked name="mytest" value="400">
<input type="checkbox" checked name="mytest" value="500">

<div id="resultVal"> 1500 </div>

Вот выбраны все checkbox получаем результат 1500 А если добавляется еще один checkbox value=600, без перезагрузки страницы результат станет 2100

Как сделать такой функционал?

Answer 1

const getResult = () => {
let result = 0;
  
  $('input[type=checkbox]').each((index, input) => {
        if ($(input).is(':checked')) {
        result += parseInt(input.value)
    }
    });
  
  
  return result;
}

const updateResult = () => {
    const result = getResult();
  $('#resultVal').text(result);
}

$('input[type=checkbox]').change(() => {
    updateResult();
});


updateResult();

БЛОГ НА HUSL

JS Как сделать подсчет значений velue в выбранных checkbox:checked?

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