Выборка элементов querySelectorAll

[Dilettante_Pro]

Taichi,

в строке 14 замените "innerHTML" на "value".

Кроме того, в цикле каждый следующий aa затирает результат предыдущего.

[Taichi]

Посему мне подсказали записывать переменные чезез aa[], что бы через цикл добраться до каждого. Спасибо большое, ошибка мелкая а проблем много.

[Nexus]

Taichi, Dilettante_Pro имел ввиду, что изменяя свойство "innerHTML", элемента #demo в строке 13 вы постоянно перезаписываете контент этого поля.

[Taichi]

Задача предстоит такая:

var aa = document.querySelectorAll('form.intake input[name="aa[]"]'),
	       bb = document.querySelectorAll('form.intake input[name="bb[]"]');

Мне нужно каждый инпут аа[] умножить на инпут bb[], и вывести в инпут сс[], а потом все результаты сложить в переменную FullPay.
И все это в динамике, так как инпуты можно как добавлять так и удалять.

function FullPay()
{
     var aa = document.querySelectorAll('form.intake input[name="aa[]"]'),
	       bb = document.querySelectorAll('form.intake input[name="bb[]"]');
	 alert(aa);
     for (var i = 0; i < aa.length; i++) {
		 cc[i] = aa[i]*bb[i];
		 document.getElementById("cc[]").innerHTML = "Results =" + cc[i].value
  }
}
$('form.intake').on('input', 'click','input[name="aa[]"], input[name="bb[]"]', FullPay);

но что то, я чувствую, не осилю сам =(

[Taichi]

function FullPay()
{
     var aa = document.querySelectorAll('form.intake input[name="aa[]"]'),
	        bb = document.querySelectorAll('form.intake input[name="bb[]"]'),
			cc = document.querySelectorAll('form.intake input[name="cc[]"]'),
			FullPay = document.querySelector('.FullPay');
     for (var i = 0; i < aa.length; i++) {
		 cc[i].value = (+aa[i].value||0) * (+bb[i].value||0);
	     FullPay.innerHTML += +cc[i].value;
  }
}

Вот, уперся в проблему, точнее две.
Не могу сделать так что бы переменная сс[i] заходила в тот инпут который нужно, выходит только со смещением, то есть выводит сумму в последний инпут сс[].

И еще, не выходит правильно сложить результат в FullPay.
Подскажите, что куда и как правильно?

[рони]

Taichi,

function FullPay()
{
     var aa = document.querySelectorAll('form.intake input[name="aa[]"]'),
          bb = document.querySelectorAll('form.intake input[name="bb[]"]'),
      cc = document.querySelectorAll('form.intake input[name="cc[]"]'),
      full  = document.querySelector('.FullPay'),
      sum = 0;
     for (var i = 0; i < aa.length; i++) {
     cc[i].value = (+aa[i].value||0) * (+bb[i].value||0);
       sum += +cc[i].value;
  };

   full.innerHTML = sum
}

[Taichi]

Я выносил тоже переменную из цикла, но у меня не заработало. И ваш пример у меня, чего то, не работает

Прикрепил скрин формы.

[рони]

И ваш пример у меня, чего то, не работает

не телепат

[Taichi]

Сейчас, поднастрою антенну для телепатии, а то действительно слабо передает.

Прикрепил скин формы для варианта:

function FullPay()
{
     var aa = document.querySelectorAll('form.intake input[name="aa[]"]'),
	        bb = document.querySelectorAll('form.intake input[name="bb[]"]'),
			cc = document.querySelectorAll('form.intake input[name="cc[]"]'),
			full = document.querySelector('.FullPay');
     for (var i = 0; i < aa.length; i++) {
		 cc[i].value = (+aa[i].value||0) * (+bb[i].value||0);
	     full.innerHTML += parseInt (+cc[i].value);
  }
}

[Taichi]

Не знаю, почему, но если объявить какую то переменную опосля

FullPay = document.querySelector('.FullPay');

Скрипт, как будто бы теряет его из памяти.