Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Посчитать значения группы чекбоксов (https://javascript.ru/forum/misc/67272-poschitat-znacheniya-gruppy-chekboksov.html)

etulpan 07.02.2017 13:54

Посчитать значения группы чекбоксов
 
Добрый день.
Ребята помогите реализовать подсчет значений выбранных чекбоксов и групп чекбоксов.

Хотелось бы реализовать вот такой пример http://prntscr.com/e5kqti
с возможностью добавления в каждую группу новых полей. и подсчета как в каждой группе чекбоксов так и общую сумму.

Буду очень благодарен за помощь.

рони 07.02.2017 14:13

etulpan,
пишите код, подсчитать не проблема, идти циклом
по блокам,установить обработку клика,по клику в блоке делать выборку $('input[type=checkbox]') , суммировать и выводить результат

j0hnik 11.02.2017 01:59

http://codepen.io/CSSKing/pen/vEeMey -на css реализовано, интересный довольно таки способ.
А вот тебе из соседней темы. как на моем сайте. http://codepen.io/anon/pen/vgQrKJ

или же вот так можно спасибо РОНИ. его творение! работает в паре с jquery.countTo.js
$(function() {
	var chec = $(".div :checkbox"),
	price = 0;

	function count(el, from, to) {
		$(el).countTo({
			from: from,
			to: to,
			speed: 200,
			refreshInterval: 50,
			formatter: function(value, options) {
				return value.toFixed(0)
			}
		})
	}

	function costCalculator() {
		var sum = 0;
		var self = this;
		chec.each(function(indx, elem) {
			var el = $(elem).parents(".class").find(".div span");
			var from = elem.checked ? 0 : +elem.value;
			var to = elem.checked ? +elem.value : 0;
			sum += to;
			elem == self && count(el, from, to)
		});
		count("#result", price, sum);
		price = sum
	}
	chec.on("change",costCalculator)
});


Часовой пояс GMT +3, время: 06:41.