Скрипт для вычисления суммы всех полей

Пример, как сделать скрипт для суммы всех полей.

При вводе в поле данных идет моментальный расчет суммы.

Скрипт

$(".price").keyup(function () {
  var sum = 0;
  $(".price").each(function () {
    sum += Number($(this).val());
  });

  $(".sum").text(sum);
});

Пример

Второй вариант скрипта для вычисления суммы всех полей, чтобы можно было функцию использовать для разных полей при вызове функции

sumjq = function (selector) {
  var sum = 0;
  $(selector).each(function () {
    sum += Number($(this).val());
  });
  return sum;
};

$(".price").keyup(function() {
  $('.sum').text(sumjq($('.price')));
});

Пример

Простой пример, как сделать сумму полей из разных одинаковых таблиц

Скрипт:

sumjq = function (selector) {
  var sum = 0;
  $(selector).each(function () {
    sum += Number($(this).val());
  });
  return sum;
};

$(".price").keyup(function() {
  var $sheet = $(this).closest('.sheet');
  var $price = $sheet.find('.price');
  var $sum = $sheet.siblings().find('.sum');

  $sum.text(sumjq($price));
});

Пример работы скрипта по вычислению всех полей для каждой таблицы

Отключить кнопку отправки, если поле пустое

Отключить кнопку отправки, если поле пустое Javascript Второй вариант для проверки поля

Как сделать круговую диаграмму с помощью Google Pie Chart

Делаем красвую динамическую круговую диаграмму с помощью Google Charts, диаграмму легко встроить в свой проект,…

Круговая диаграмма с помощью HTML и CSS (Pie Chart with HTML and CSS)

Вы можете создать круговую диаграмму в HTML, используя простую функцию CSS под названием conic-gradient. Во-первых, мы добавляем <div> элемент…

Анимированный вывод числа от нуля до заданного

Выводим число, например, подсчет голосов, или рассчет процентов после выполнения какого-либо действия. Можно выводить все…

Ответить