Как на JS сделать сумму чекбоксов?

440
23 декабря 2016, 15:47

Дан код на странице?

<div class="block">
  <input type="checkbox" value="1" name="one">
  <input type="checkbox" value="2" name="two">
  <input type="checkbox" value="3" name="three">
  <input type="checkbox" value="4" name="four">
</div>

Как мне произвести вычисления и получить сумму value (ответ 10) и знать сколько чекбоксов при этом выбрано всего (в данном случае 4). Имя поля не принципиально, можно сделать у всех name="box[]"

Answer 1

Всем чекбоксам сделай один name="cname"

var sum = 0;
var elements = tableElem.getElementsByName('cname');
for (var i = 0; i < elements.length; i++) {
var input = elements[i];
sum = sum + input.value;
alert( input.value + ': ' + input.checked );
}

elements.length - кол-во чекбоксов

sum - сумма

READ ALSO
Как с помощью скрипта заменить запятую на точку при вводе цены в input
javascript

Как с помощью скрипта заменить запятую на точку при вводе цены в input

как скриптом автоматически поменять введенную запятую на точку непосредственно при вводе запятой?

 1472
Как импортировать jquery в модули
javascript

Как импортировать jquery в модули

При сборке проекта с помощью webpack встал вопросКак импортировать jquery в нужные модули

 443
Как правильно импортировать модуль JavaScript
javascript

Как правильно импортировать модуль JavaScript

В проекте имеется директория frontend следующей структуры:

 458
Как правильно посчитать цену на Jquery? [требует правки]
jQuery

Как правильно посчитать цену на Jquery? [требует правки]

Почему считает неправильно? И как сделать чтоб считало точно? В приведенном ниже примере умножьте на 2, и получится 1020 а должно 10 //parseInt - обрезает...

 385