Пересчет суммы по чекбоксу

@plktre · Регистрация: 03.12.2018

Студворк — интернет-сервис помощи студентам

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<div class="city_address">
    <dt aid="1368309" class="open">
    </dt>
            <div class="main_table">
                <form class="paymentservlist currpayable_false">
                    <div class="row head">
                        <div class="item item_1">Услуга
                        </div>
                        <div class="item item_2">Тариф, руб.
                        </div>
                        <div class="item item_2_2">Долг / переплата <br> (+/-), руб.
                        </div>
                        <div class="item item_3">Оплачено, руб.
                        </div>
                        <div class="item item_4">Объем<br> потребления
                        </div>
                        <div class="item item_5 excesspaycolumn">Стоимость без учета повышающего коэффициента,руб.
                        </div>
                        <div class="item item_5 excesspaycolumn">Размер превышения платы, руб.*
                        </div>
                        <div class="item item_5">Начислено, руб.
                        </div>
                        <div class="item item_5">Перерасчет, руб.
                        </div>
                        <div class="item item_6">К оплате, руб.
                        </div>
                        <div class="item item_7"></div>
                        <div class="item item_8"></div>
                    </div>
                    <div class="row">
                        <div class="item item_1">
                            <a href="javascript:void(0)" class="noload accrual-show-modal" data-as="266899166"
                                data-modal="serviceentry_info">Электроэнергия</a>
                        </div>
                        <div class="item item_2">3,07</div>
                        <div class="item item_2">258,39</div>
                        <div class="item item_3">0,00</div>
                        <div class="item item_4">82,0 кВт.ч</div>
                        <div class="item item_5">251,74</div>
                        <div class="item item_5">0,00</div>
                        <div class="item item_6">510,13</div>
                        <div class="item item_7">
                            <div title="Информация" class="info_icon show_modal noload accrual-show-modal"
                                data-as="266899166" data-modal="more"></div>
                        </div>
                        <div class="item item_8"> <input type="checkbox" checked="checked" name="s" value="7665078"
                                id="7665078"> <label for="7665078"></label></div>
                    </div>
                    <div class="row  summary">
                        <div class="item item_1">Итого:</div>
                        <div class="item item_2"></div>
                        <div class="item item_2"></div>
                        <div class="item item_3"></div>
                        <div class="item item_4"></div>
                        <div class="item item_5"></div>
                        <div class="item item_5"></div>
                        <div class="item item_6"><span class="plase_summ">510,13</span> руб. </div>
                        <div class="item item_7"></div>
                        <div class="item item_8"></div>
                    </div>
                </form>
            </div>
            <div class="pay_btns clearfix">
                <a href="#" data-aid="1368309" data-modal="payment_popup" class="noload pay_btn show_modal">Оплатить</a>
            </div>
        </div>
        <div class="pay_table table_1 add_table" data-minsum="50" data-tab="5" style="display: block;">
            <form class="choose_period" action="">
                <a class="print" onclick="return sendCvitancy('2021','07',1368309)" href="#">Получить электронную версию
                    платежного документа:</a>
                <div class="fr"></div>
            </form>
            <div class="main_table">
                <form class="paymentservlist currpayable_false">
                    <div class="row head">
                        <div class="item item_1">Услуга
                        </div>
                        <div class="item item_2">Тариф, руб.
                        </div>
                        <div class="item item_2_2">Долг / переплата <br> (+/-), руб.
                        </div>
                        <div class="item item_3">Оплачено, руб.
                        </div>
                        <div class="item item_4">Объем<br> потребления
                        </div>
                        <div class="item item_5 excesspaycolumn">Стоимость без учета повышающего коэффициента,руб.
                        </div>
                        <div class="item item_5 excesspaycolumn">Размер превышения платы, руб.*
                        </div>
                        <div class="item item_5">Начислено, руб.
                        </div>
                        <div class="item item_5">Перерасчет, руб.
                        </div>
                        <div class="item item_6">К оплате, руб.
                        </div>
                        <div class="item item_7"></div>
                        <div class="item item_8"></div>
                    </div>
                    <div class="row">
                        <div class="item item_1">Обращение с ТКО</div>
                        <div class="item item_2">125,42</div>
                        <div class="item item_2">121,29</div>
                        <div class="item item_3">0,00</div>
                        <div class="item item_4">1,0 чел.</div>
                        <div class="item item_5">125,42</div>
                        <div class="item item_5">0,00</div>
                        <div class="item item_6">246,71</div>
                        <div class="item item_7">
                            <div title="Информация" class="info_icon show_modal noload accrual-show-modal"
                                data-as="266899167" data-modal="more"></div>
                        </div>
                        <div class="item item_8"> <input type="checkbox" checked="checked" name="s" value="13555690"
                                id="13555690"> <label for="13555690"></label></div>
                    </div>
                    <div class="row  summary">
                        <div class="item item_1">Итого:</div>
                        <div class="item item_2"></div>
                        <div class="item item_2"></div>
                        <div class="item item_3"></div>
                        <div class="item item_4"></div>
                        <div class="item item_5"></div>
                        <div class="item item_5"></div>
                        <div class="item item_6"><span class="plase_summ">246,71</span> руб. </div>
                        <div class="item item_7"></div>
                        <div class="item item_8"></div>
                    </div>
                </form>
          
            </div>
            <div class="pay_btns clearfix">
                <a href="#" data-aid="1368309" data-modal="payment_popup" class="noload pay_btn show_modal">Оплатить</a>
            </div>
        </div>
    </dd>
</div>

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
  // функция автоматического пересчета итогового значения в таблицах на странице
  function initTablesRecalc() {
    // ищем таблицы на странице
    const tables = document.querySelectorAll('.main_table form')
 
    // перебор таблиц для получения нужных полей и фиксирования события checked
    tables.forEach(table => {
      // ищем строки в каждой таблице
      const tableRows = table.querySelectorAll('.row')
      // функция пересчета итоговой суммы
      function calculateTotal() {
        // итого
        let total = 0
        const totalNode = table.querySelector('.plase_summ')
        // перебираем строки
        tableRows.forEach((row, i) => {
          // убираем из цикла первую строку и последнюю
          if (i !== 0 && i !== tableRows.length - 1) {
            // ищем отмеченный чекбокс в строке
            const checkbox = row.querySelector('input[type="checkbox"]')
            // ищем значение поля для суммирования, достаем значение
            const node = row.querySelector('.item_6').innerText.replace(',', '.')
            // проверяем статус checked
            if (checkbox === undefined) return total += parseFloat(node)
            if (checkbox === null) return total += parseFloat(node)
            if (checkbox.checked) return total += parseFloat(node)
            return total
          }
        })
        // выводим в итого сумму + округляем до 2 знаков
        totalNode.innerText = total.toFixed(2)
      }
      // вешаем прослушки на клик по чекбоксу
      tableRows.forEach(row => {
        const checkbox = row.querySelector('input[type="checkbox"]')
        // защита от null и undefined (какого хрена там вагон null'ов высыпается?)
        if (checkbox === undefined) return
        if (checkbox === null) return
        // при изменении состояния чекбокса вызывается пересчет суммы в таблице
        checkbox.addEventListener('change', calculateTotal)
      })
    })
  }
 
  // ищем все .city_address dt
  const cityAddressDt = document.querySelectorAll('.city_address dt')
  // добавляем прослушку на dt в .city_address
  cityAddressDt.forEach(dt => dt.addEventListener('click', initTablesRecalc))

Не работает пересчет суммы при нажатии на чекбокс

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11680&d=1772460536 Одним из. . .	Реалии Hrethgir 01.03.2026 Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .	Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .	SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten 8Observer8 27.02.2026 Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .