Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Помогите, пожалуйста с чекбоксами (https://javascript.ru/forum/misc/52596-pomogite-pozhalujjsta-s-chekboksami.html)

Bananza 26.12.2014 09:55

Помогите, пожалуйста с чекбоксами
 
Добрый день, форумчане! Это рабочий код, при нажатии по checkbox увеличивается сумма или уменьшается. Но не могу разобраться как при входе на сайт при отмеченных checkbox сразу выводилась сумма всех значений?

<div style="top-right:200px;">
<form name="Sum" >
<div style="margin-left:97px; margin-top:-25px;">
  <input type="checkbox" value="<? echo $price_o;?>" checked />
</div>
<div style="margin-left:297px; margin-top:-20px;">
  <input type="checkbox" value="<? echo $price_k;?>" checked />
</div>
<div style="margin-left:297px; margin-top:20px;">
  <output id="rezultat" name="mess">Сумма: 0</output> //здесь выводятся значения
  <!--<input type="submit"  value="Отправить" name="submit"></div>-->
</form>
</div>


var s = document.forms.Sum,
    d = s.querySelectorAll('input[type="checkbox"]:not([value]), input[type="checkbox"][value=""]');
  for (var i = 0; i < d.length; i++) // чтобы не было написано NaN, убираем в disabled пункты, где не прописаны значения
    d[i].disabled = true;
s.onchange = function() { // начало работы функции сложения
  var n = s.querySelectorAll('[type="checkbox"]'),
      itog = 0;
  for(var j=0; j<n.length; j++)
    n[j].checked ? itog += parseFloat(n[j].value) : itog;
    document.getElementById('rezultat').innerHTML = 'Сумма: ' + itog.toFixed(2);
	var zakaz = document.getElementsByName('mess1')[0].innerHTML = 'Сумма: ' + itog.toFixed(2);
}

Rise 26.12.2014 10:15

Bananza,
s.onchange();

Bananza 26.12.2014 10:45

Спасибо, Rise! Только не пойму что с s.onchange(); делать?

Bananza 26.12.2014 12:04

Спасибо, Вам!


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