Посчитать значения группы чекбоксов
Добрый день.
Ребята помогите реализовать подсчет значений выбранных чекбоксов и групп чекбоксов. Хотелось бы реализовать вот такой пример http://prntscr.com/e5kqti с возможностью добавления в каждую группу новых полей. и подсчета как в каждой группе чекбоксов так и общую сумму. Буду очень благодарен за помощь. |
etulpan,
пишите код, подсчитать не проблема, идти циклом по блокам,установить обработку клика,по клику в блоке делать выборку $('input[type=checkbox]') , суммировать и выводить результат |
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. |