Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 17.04.2015, 11:05
Интересующийся
Отправить личное сообщение для grima Посмотреть профиль Найти все сообщения от grima
 
Регистрация: 03.10.2014
Сообщений: 21

конфлик с JS price
когда выделаю все чекбоксы выдает ошибку на этом строке
sum += parseFloat(checkbox[i].parentNode.parentNode.getElementsByClassName("pri ce")[0].textContent);
покопался чо то не понел
строго не судите я начинающий =)
<script>
var checkbox;
window.addEventListener("load",function(){
    checkbox = document.querySelectorAll("table input[type='checkbox']");
    for(var i=0; i<checkbox.length; i++) checkbox[i].addEventListener("change",resultSum);
});
function resultSum(){
    var sum=0;
    for(var i=0; i<checkbox.length; i++)
        if(checkbox[i].checked)
            sum += parseFloat(checkbox[i].parentNode.parentNode.getElementsByClassName("price")[0].textContent);
    document.getElementById("sum").innerHTML = sum;
}
</script>
    <script type="text/javascript">
$(document).ready(function() {
	$("#check_all").click(function () {
		 if (!$("#check_all").is(":checked"))
			$(".checkbox").removeAttr("checked");
		else
			$(".checkbox").attr("checked","checked");
	});
});
</script>
<th><script type="text/javascript">
$(document).ready(function(){
    var summa1 = 9800*2610*1 / 1000000;
    $(".summa94").html("<div class='price'>"+summa1+"</div><input type='checkbox' type='checkbox' name='check_name[]' class='checkbox' value='94'>");      
              });
 </script>9800x2610 (Кол.1)=<span class="summa94"><div class="price">25.578</div><input type="checkbox" name="check_name[]" class="checkbox" value="94" checked="checked"></span></th>
<th><script type="text/javascript">
$(document).ready(function(){
    var summa1 = 1000*1500*3 / 1000000;
    $(".summa91").html("<div class='price'>"+summa1+"</div><input type='checkbox' type='checkbox' name='check_name[]' class='checkbox' value='91'>");      
              });
 </script>1000x1500 (Кол.3)=<span class="summa91"><div class="price">4.5</div><input type="checkbox" name="check_name[]" class="checkbox" value="91" checked="checked"></span></th>
<th><script type="text/javascript">
$(document).ready(function(){
    var summa1 = 8000*1800*1 / 1000000;
    $(".summa85").html("<div class='price'>"+summa1+"</div><input type='checkbox' type='checkbox' name='check_name[]' class='checkbox' value='85'>");      
              });
 </script>8000x1800 (Кол.1)=<span class="summa85"><div class="price">14.4</div><input type="checkbox" name="check_name[]" class="checkbox" value="85" checked="checked"></span></th>
итого<th style="height: inherit;" id="sum">0</th>
выделить все <input type="checkbox" id="check_all">

Последний раз редактировалось grima, 17.04.2015 в 11:08.
Ответить с цитированием
  #2 (permalink)  
Старый 17.04.2015, 11:49
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

grima,
ненадо считать последний checkbox" id="check_all"
строка 09 добавить красное checkbox.length-1;
Ответить с цитированием
  #3 (permalink)  
Старый 17.04.2015, 22:57
Интересующийся
Отправить личное сообщение для grima Посмотреть профиль Найти все сообщения от grima
 
Регистрация: 03.10.2014
Сообщений: 21

Но ошибка уже как бы нету но когда все чекбоксе выделяет но не ввыводит результат
Ответить с цитированием
  #4 (permalink)  
Старый 17.04.2015, 23:06
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

Сообщение от grima
но когда все чекбоксе выделяет но не ввыводит результат
добавьте в начало строки 22 resultSum()

код ваш ужасен ...
Ответить с цитированием
  #5 (permalink)  
Старый 19.04.2015, 13:20
Интересующийся
Отправить личное сообщение для grima Посмотреть профиль Найти все сообщения от grima
 
Регистрация: 03.10.2014
Сообщений: 21

Сообщение от рони Посмотреть сообщение
добавьте в начало строки 22 resultSum()

код ваш ужасен ...
и еше после выделение работает и когда отключаю чекбокса после обратно включаю чекбоксы не работает =(((((((
Ответить с цитированием
  #6 (permalink)  
Старый 19.04.2015, 23:35
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

grima,

заменить 16 -23 на это
$(document).ready(function() {
	$("#check_all").click(function () {
$(".checkbox").prop("checked", this.checked);
resultSum()
});
});
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Операционная Система на JS Icat Общие вопросы Javascript 3 17.04.2018 22:54
Вывыод контента через JS inet_boy Элементы интерфейса 0 18.11.2013 03:00
Не получается вставить код js в HTML garmoni Элементы интерфейса 3 05.09.2013 05:56
Вставка кода js с помощью js Alice Общие вопросы Javascript 1 12.06.2013 19:05