j0hnik
01.12.2016, 13:11
Добрый день уважаемые JS программисты.
Есть скрипт который считает сумму по чекбоксам
var allChbx = [],
out = document.querySelector('output');
[].forEach.call(document.querySelectorAll('.block'), function(group){
var main = group.querySelector('.main'),
chbx = group.querySelectorAll('input[type=checkbox]:not(.main)');
allChbx = allChbx.concat([].slice.call(chbx));
main.addEventListener('change', function(){
var stat = this.checked;
[].forEach.call(chbx, function(el){
el.checked = stat;
});
reCalc();
});
[].forEach.call(chbx, function(el){
el.addEventListener('change',function(){
var cnt = [].filter.call(chbx, function(el){
return el.checked == true;
}).length;
main.checked = cnt > 0;
reCalc();
}, false);
});
});
function reCalc(){
var total = 0;
allChbx.forEach(function(c){
total += c.checked == true ? +c.dataset.price : 0;
});
out.innerHTML = '' + total + '';
}
Внутри HTML работает без проблем, но если вынести во внешний файл работать перестает.
думаю что в HTML его как то надо дополнительно запускать
вот беда только не знаю какой строчкой. ПОМОГИТЕ!!
(пути все у меня правильные прописаны Алертом проверял. тоесть подключается но не работает)
Есть скрипт который считает сумму по чекбоксам
var allChbx = [],
out = document.querySelector('output');
[].forEach.call(document.querySelectorAll('.block'), function(group){
var main = group.querySelector('.main'),
chbx = group.querySelectorAll('input[type=checkbox]:not(.main)');
allChbx = allChbx.concat([].slice.call(chbx));
main.addEventListener('change', function(){
var stat = this.checked;
[].forEach.call(chbx, function(el){
el.checked = stat;
});
reCalc();
});
[].forEach.call(chbx, function(el){
el.addEventListener('change',function(){
var cnt = [].filter.call(chbx, function(el){
return el.checked == true;
}).length;
main.checked = cnt > 0;
reCalc();
}, false);
});
});
function reCalc(){
var total = 0;
allChbx.forEach(function(c){
total += c.checked == true ? +c.dataset.price : 0;
});
out.innerHTML = '' + total + '';
}
Внутри HTML работает без проблем, но если вынести во внешний файл работать перестает.
думаю что в HTML его как то надо дополнительно запускать
вот беда только не знаю какой строчкой. ПОМОГИТЕ!!
(пути все у меня правильные прописаны Алертом проверял. тоесть подключается но не работает)