Сложение значений в таблице про chekbox

@Deryabin · Регистрация: 15.04.2015

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

Доброе время уважаемые гуру. Требуется помощь в написании функции сложения значений в таблице по нажатию chekbox в строке. Т.е. есть таблица

HTML5
1
2
3
4
5
<tr><td>Наименование</td><td>Цена</td><td>Выбрать</td></tr>
<tr><td>Товар1</td><td>100</td><td><input type="chekbox" id="price" onchange="SumPrice();"></td></tr>
<tr><td>Товар1</td><td>100</td><td><input type="chekbox" id="price" onchange="SumPrice();"></td></tr>
<tr><td>Товар1</td><td>100</td><td><input type="chekbox" id="price" onchange="SumPrice();"></td></tr>
<tr><td>Итого</td><td>Сумма</td></tr>

...

JavaScript
1
2
3
4
5
<script lenguage="javascript">
function SumPrice(){
//Считается и выводиться в ячейку "Сумма" только чекнутых строк
}
</script>

@kalabuni · 15.04.2015, 10:10

я вам одну умную вещь скажу, только вы не обижайтесь (с)

значение идентификатора id должно быть уникальным на странице
т.е. если есть у вас на странице тег <input type="chekbox" id="price">, то никакого другого тега с id="price" больше быть не должно - ни инпута, ни дива, ни спана... никакого!

и скажу больше - для решения вашей задачи чекбоксам вовсе не нужны идентификаторы
идентификатор нужен ячейке, куда сумму выводить надо

и ещё вопрос -- почему у вас слово "Считается" без мягкого знака, а рядом написанное "выводиться" - с мягким знаком?

@arcmag · 15.04.2015, 10:31

PHP/HTML
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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>My blablabla</title>
<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 += parseInt(checkbox[i].parentNode.parentNode.getElementsByClassName("price")[0].textContent);
    document.getElementById("sum").innerHTML = sum;
}
</script>
</head>
<body>
<table>
    <tr><td>Наименование</td><td>Цена</td><td>Выбрать</td></tr>
    <tr><td>Товар1</td><td class="price">100</td><td><input type="checkbox"></td></tr>
    <tr><td>Товар1</td><td class="price">100</td><td><input type="checkbox"></td></tr>
    <tr><td>Товар1</td><td class="price">100</td><td><input type="checkbox"></td></tr>
    <tr><td>Итого</td><td id="sum">Сумма</td></tr>
</table>
</body>
</html>

@Deryabin · 15.04.2015, 11:44 **[ТС]**

kalabuni.Не нужно думать как изменить и обойти поставленную задачу. Нужно думать как её решить. По сути "price" нужен для красоты (т.е. не нужен вообще) т.к. цикл проверки должен определять отмеченные input, складывать числа и выводить итог. Данный метод можно описать как цикл перебора по таблице. В силу слабого знания синтаксиса JS ну или JQery и обратился на форум.

@Lazy_Den · 15.04.2015, 11:53

Не по теме:

Сообщение от Deryabin

"price" нужен для красоты

Какой еще красоты? :angry: Для красоты, вы могли добавить картинки с цветочками, а это грубейшая ошибка.

@arcmag · 15.04.2015, 11:53

Сообщение от Deryabin

kalabuni.Не нужно думать как изменить и обойти поставленную задачу.

Здесь дело не в том что злые дяди пытаются обойти такую прекрасную и гениальную задачу, тут разговор о том что сделано у вас все ну очень коряво и не правильно в принципе!

@Deryabin · 15.04.2015, 12:26 **[ТС]**

arcmag Ахахаха... HTML табличка сделана каряво и не правильно. а может тег <script> без мягкого знака?) Или всё таки задачу поставил не правильно?)

@arcmag · 15.04.2015, 12:45

Ну если по порядку то
1) onchange="SumPrice();" onchange="SumPrice();" onchange="SumPrice();" - так писать не очень хорошо, лучше все эти вещи определять в JS коде не засоряя разметку
2) Зачем нужны повторяющиеся ID? Так делать нельзя.
3) У вас просто много мелких ошибок - lenguage="javascript" и написано не правильно и вообще насколько я помню так давно уже не пишут вместо этого используют type="text/javascript"
4) Не chekbox как у вас а checkbox.

Да и вообще для поставленной задачи верстка какая то не правильная.

Новые блоги и статьи Все статьи Все блоги /
Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI
Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .	Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ	Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	15.04.2015, 10:10
	я вам одну умную вещь скажу, только вы не обижайтесь (с) значение идентификатора id должно быть уникальным на странице т.е. если есть у вас на странице тег <input type="chekbox" id="price">, то никакого другого тега с id="price" больше быть не должно - ни инпута, ни дива, ни спана... никакого! и скажу больше - для решения вашей задачи чекбоксам вовсе не нужны идентификаторы идентификатор нужен ячейке, куда сумму выводить надо и ещё вопрос -- почему у вас слово "Считается" без мягкого знака, а рядом написанное "выводиться" - с мягким знаком? 0

@Deryabin 0 / 0 / 0 Регистрация: 15.04.2015 Сообщений: 3
	15.04.2015, 11:44 [ТС]
	kalabuni.Не нужно думать как изменить и обойти поставленную задачу. Нужно думать как её решить. По сути "price" нужен для красоты (т.е. не нужен вообще) т.к. цикл проверки должен определять отмеченные input, складывать числа и выводить итог. Данный метод можно описать как цикл перебора по таблице. В силу слабого знания синтаксиса JS ну или JQery и обратился на форум. 0

@Deryabin 0 / 0 / 0 Регистрация: 15.04.2015 Сообщений: 3
	15.04.2015, 12:26 [ТС]
	arcmag Ахахаха... HTML табличка сделана каряво и не правильно. а может тег <script> без мягкого знака?) Или всё таки задачу поставил не правильно?) 0

@arcmag 347 / 322 / 203 Регистрация: 27.06.2014 Сообщений: 762
	15.04.2015, 12:45
	Ну если по порядку то 1) onchange="SumPrice();" onchange="SumPrice();" onchange="SumPrice();" - так писать не очень хорошо, лучше все эти вещи определять в JS коде не засоряя разметку 2) Зачем нужны повторяющиеся ID? Так делать нельзя. 3) У вас просто много мелких ошибок - lenguage="javascript" и написано не правильно и вообще насколько я помню так давно уже не пишут вместо этого используют type="text/javascript" 4) Не chekbox как у вас а checkbox. Да и вообще для поставленной задачи верстка какая то не правильная. 0