Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 20.03.2018, 00:08
Интересующийся
Отправить личное сообщение для Sacred13 Посмотреть профиль Найти все сообщения от Sacred13
 
Регистрация: 06.08.2013
Сообщений: 10

Подсчет суммы блоков на лету
Приветствую!

Помогите разобраться с задачей. Есть блоки

<div class="sum2 block"></div> <!--сюда подгружается сумма в зависимости от выбранных селектов/инпутов-->
<div class="block"></div> <!-- сюда также-->


То есть при загрузке страницы блоки пустые, без цифр

Общую сумму, вывожу:
<div class="allblock"></div>


Скрипт который производит подсчет, однако он умеет суммировать, только если в блоки попадают цифры при загрузке страницы
<script>
var sum = 0, i;
var blocks = document.querySelectorAll('.block');
for (i = 0; i < blocks.length; i++) {
     sum = sum+parseInt(blocks[i].innerHTML);
  }
$('.allblock').html(sum);
</script>


Так вот, в случае когда цифры попадают в блоки (<div class="block"></div>)(уже после того как страница загрузилась и я выбираю какие либо значения в селектах), сумма не суммируется. То есть цифры в блоки <div class="block"></div> попадают, но не суммируются. Как в таком случае подать скрипту сигнал, что нужно выполнить пересчет суммы блоков на лету?

Заранее спасибо.

Последний раз редактировалось Sacred13, 20.03.2018 в 00:17.
Ответить с цитированием
  #2 (permalink)  
Старый 20.03.2018, 03:16
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

$(function(){
	function sumN(){
		var sum = 0;
		$('.block').each(function(){
			sum += parseInt($(this).html());
		});
		$('.allblock').html(sum);
	}
	$('select').on('change', sumN);
	sumN();
});


поменяйте ваш гибрид на эту.
вместо этого селектора $('select') можно указать можно указать класс нужных селектов.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Скрипт выравнивания высоты блоков razorg1991 Элементы интерфейса 13 15.01.2017 00:04
Скрипт карусели блоков rozmakc Работа 3 25.07.2016 21:35
Подсчет суммы значений в импутах по id элементов qux Общие вопросы Javascript 5 10.12.2014 15:15
Подсчет суммы ewfes Javascript под браузер 6 12.05.2014 09:44
Подсчет суммы чисел при отметке чекбоксов Garik Элементы интерфейса 11 27.07.2013 21:47