Суммирование значений двух ячеек в таблице

@Leylalo · Регистрация: 27.05.2018

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

На сайте данные вводятся с помощью таблицы. Вводимые значения это числа и все. Таблица с двумя строками, то есть в столбце название вводимой величины (например яблоки), снизу количество (например 5 штук). Данные потом отправляются в бд. Сейчас получилось так, что мне надо добавить столбец "ВСЕГО", ну то есть общее количество. Мне надо чтобы при введении значении, та ячейка "ВСЕГО" автоматически показывала их суммированную величину. Я пробовала простыми переменными в PHP, но там нужно было нажать на кнопку и только тогда бы выводилось. В общем, нужно чтобы ячейка в таблице показывала сумму САМА))

я даже не знаю, как сформулировать запрос в гугл с этим всем. АЙ НИД ХЕЛП, заранее благодарю)

@53ifbb · 13.08.2018, 18:54

Leylalo, похоже вопрос о js...

@andyyy · 13.08.2018, 20:21

Ajax нужен
Логика такая
Отслеживайте событие, когда вы вводите число в инпут
2.посылайте данные в mysql через ajax получайте число из базы, суммируйте с введенным числом и выводите

@53ifbb · 13.08.2018, 23:04

andyyy, не нужен! У него уже в html есть значения, их просто нужно сложить, это вопрос не о php.

@andyyy · 14.08.2018, 16:01

Сообщение от 53ifbb

andyyy, не нужен! У него уже в html есть значения, их просто нужно сложить, это вопрос не о php.

Как?
Мне надо чтобы при введении значении, та ячейка "ВСЕГО" автоматически показывала их суммированную величину.

Добавлено через 29 секунд

Сообщение от 53ifbb

У него

у нее

Добавлено через 22 минуты
я не очень в жейквери)

ну вот что то сделал

HTML5
1
2
3
<html>
 
<head>

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
  
  <script>
  <script src='здесь название вашего джейквери файла и полный путь до него'></script></head>
$(document).ready(function() {
 
 
 
 
$( "#b,#a" ).blur(function() {
var b =  $('#b').val();
var a =  $('#a').val();
 
var c = a= parseInt(a)+ parseInt(b);
$('#tex').text(c);
});
 
 
 
 
});
</script>

HTML5
1
2
3
4
5
6
7
8
9
10
11
<body>
<!-- HTML -->
<input id="a" type="number"/>
<input id="b" type="number"/>
<div id='tex'></div>
 
<!-- JS -->
 
 
    </body>
</html>

1. качаем Jquery
2.подсоединяем
3. копируем это код

@53ifbb · 14.08.2018, 16:07

andyyy, в parseInt нужно передавать 2 аргумент, особенно для таких целей)

@andyyy · 14.08.2018, 21:42

Какой?

@53ifbb · 15.08.2018, 00:28

andyyy, для работы с десятинными числами это 10 или если не указывать, то через регулярку удалять все кроме цифр перед вставкой в эту функцию.

@Leylalo · 17.08.2018, 15:34 **[ТС]**

Спасибо большоооее)
Тогда я пойду учить js и jQuery

Добавлено через 58 секунд
53ifbb, можете немного разобрать. А то я не поняла

@amr-now · 17.08.2018, 19:59

Можно и без jQuery

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
31
32
33
34
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
</head>
<body>
    <div><input id="a" /></div>
    <div><input id="b" /></div>
    <div id="summa"></div>
 
    <script>
        let a = document.getElementById("a");
        let b = document.getElementById("b");
        let summa = document.getElementById("summa");
 
        let numberChecker = () => {
            let regex = /^[-+]?\d+(\.\d+)?$/;
 
            if (regex.test(a.value) && regex.test(b.value))
                summa.innerText = (+a.value + +b.value).toString();
            else {
                // Исправление глюка необновляемого содержимого DIV
                while (summa.firstChild) {
                    summa.removeChild(summa.firstChild);
                }
                summa.innerText= "Нет данных"
            }
        }
 
        a.addEventListener("input", numberChecker);
        b.addEventListener("input", numberChecker);
    </script>
</body>
</html>

Но глюк, если вводить не числа. Тогда сумму оставляет старую. Глюк исправился только:

JavaScript
1
2
3
4
5
                // Исправление глюка необновляемого содержимого DIV
                while (summa.firstChild) {
                    summa.removeChild(summa.firstChild);
                }
                summa.innerText= "Нет данных"

@Leylalo · 20.08.2018, 06:39 **[ТС]**

amr-now, спасибо большое

, теперь суммирование автоматическое
Но эти данные теперь отправляются на сервер как 0
До этого я все вводила input-ом и в php писала там, например,

PHP
1
2
3
4
if (isset($_POST['add'])){ <!--кнопка называется add-->
$month=$_POST['month'];
$query=mysql_query("INSERT INTO `db`(`месяц`) VALUES(''$month')");
}

Новые блоги и статьи Все статьи Все блоги /
http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .	Первый деплой lagorue 16.01.2026 Не спеша развернул своё 1ое приложение в kubernetes. А дальше мне интересно создать 1фронтэнд приложения и 2 бэкэнд приложения развернуть 2 деплоя в кубере получится 2 сервиса и что-бы они. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит: токи, напряжения и их 1 и 2 производные при t = 0;. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Изучаю kubernetes lagorue 13.01.2026 А пригодятся-ли мне знания kubernetes в России?	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .	Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .

@Leylalo 0 / 0 / 0 Регистрация: 27.05.2018 Сообщений: 6

	Суммирование значений двух ячеек в таблице 13.08.2018, 18:45. Показов 3982. Ответов 10 Метки базы данных, таблицы (Все метки) На сайте данные вводятся с помощью таблицы. Вводимые значения это числа и все. Таблица с двумя строками, то есть в столбце название вводимой величины (например яблоки), снизу количество (например 5 штук). Данные потом отправляются в бд. Сейчас получилось так, что мне надо добавить столбец "ВСЕГО", ну то есть общее количество. Мне надо чтобы при введении значении, та ячейка "ВСЕГО" автоматически показывала их суммированную величину. Я пробовала простыми переменными в PHP, но там нужно было нажать на кнопку и только тогда бы выводилось. В общем, нужно чтобы ячейка в таблице показывала сумму САМА)) я даже не знаю, как сформулировать запрос в гугл с этим всем. АЙ НИД ХЕЛП, заранее благодарю) 0

@53ifbb 55 / 55 / 21 Регистрация: 01.03.2016 Сообщений: 594
	13.08.2018, 18:54
	Leylalo, похоже вопрос о js... 0

@andyyy 767 / 323 / 157 Регистрация: 26.05.2016 Сообщений: 2,127
	13.08.2018, 20:21
	Ajax нужен Логика такая Отслеживайте событие, когда вы вводите число в инпут 2.посылайте данные в mysql через ajax получайте число из базы, суммируйте с введенным числом и выводите 0

@53ifbb 55 / 55 / 21 Регистрация: 01.03.2016 Сообщений: 594
	13.08.2018, 23:04
	andyyy, не нужен! У него уже в html есть значения, их просто нужно сложить, это вопрос не о php. 0

@53ifbb 55 / 55 / 21 Регистрация: 01.03.2016 Сообщений: 594
	14.08.2018, 16:07
	andyyy, в parseInt нужно передавать 2 аргумент, особенно для таких целей) 0

@andyyy 767 / 323 / 157 Регистрация: 26.05.2016 Сообщений: 2,127
	14.08.2018, 21:42
	Какой? 0

@53ifbb 55 / 55 / 21 Регистрация: 01.03.2016 Сообщений: 594
	15.08.2018, 00:28
	andyyy, для работы с десятинными числами это 10 или если не указывать, то через регулярку удалять все кроме цифр перед вставкой в эту функцию. 0

@Leylalo 0 / 0 / 0 Регистрация: 27.05.2018 Сообщений: 6
	17.08.2018, 15:34 [ТС]
	Спасибо большоооее) Тогда я пойду учить js и jQuery Добавлено через 58 секунд 53ifbb, можете немного разобрать. А то я не поняла 0

Суммирование значений двух ячеек в таблице

Решение