Шаг 186.
Библиотека jQuery. Интерактивные формы. Работа с числовыми данными в формах. Прочие вычисления

    На этом шаге мы рассмотрим вычисление промежуточного итога.

    Остальные вычисления в странице производятся по аналогичному шаблону. Для вычисления Промежуточного итога мы можем выполнить суммирование всех сумм в строках во время их вычисления и использовать для отображения то же форматирование, что и прежде:

  $('td.quantity input').change(function() {
    var totalQuantity = 0; 
    var totalCost = 0;
    $('#cart tbody tr').each(function() {
      var price = parseFloat($('td.price', this)
                             .text().replace(' руб', ''));
      price = isNaN(price) ? 0 : price;
      var quantity = 
               parseInt($('td.quantity input', this).val(), 10);
      quantity = isNaN(quantity) ? 0 : quantity;         
      var cost = quantity * price;
      $('td.cost', this).text(cost.toFixed(2)+' руб');
      totalQuantity += quantity;
      totalCost += cost;
    });
    $('tr.shipping td.quantity').text(String(totalQuantity));
    $('tr.subtotal td.cost').text(totalCost.toFixed(2)+ ' руб');
  });

Рис.1. Теперь выполняется вычисление Промежуточного итога

Полный текст этого примера можно взять здесь.

    На следующем шаге мы рассмотрим округление значений.




Предыдущий шаг Содержание Следующий шаг