Показать сообщение отдельно
  #1 (permalink)  
Старый 13.11.2019, 11:00
Новичок на форуме
Отправить личное сообщение для loia Посмотреть профиль Найти все сообщения от loia
 
Регистрация: 04.11.2019
Сообщений: 6

Вывести сумму всех значений все выбранных ячеек
Привет всем! Помогите, пожалуйста, разобраться, как вывести сумму всех значений, в зависимости от того, какую ячейку или значение человек выберет, т.е. я уже написала калькуляторы для каждого выбора отдельно, осталось только сложить все значения в конце:
<p>Выберите тип помещения</p>
 
          <table class="table1" border=1 ">
      <tr>
       <td  class="home" data-value="1000">Квартира</td>
       <td  class="home" data-value="2000">Частный дом</td>
       <td  class="home" data-value="3000">Офис</td>
      </tr>
 
    </table>
 
      <p>ТАРИФ</p>
 
      <table class="table2" border=1>
    <tr>
    <td class="tarif" data-value="1000">Эконом</td>
    <td class="tarif" data-value="2000">Стандарт</td>
    <td class="tarif" data-value="3000">Люкс</td>
    </tr>
    </table>
        </div>
      
        <div class="col-sm">
          <p>Дополнительные работы по подключению</p>
 
      <table class="tab">
          <tr>
              <td>Теплые полы </td>
              <tr>
                <td><input type="radio" class="radioClass" name="product1" value="1000"/>Да
              <input type="radio" class="radioClass" name="product1" value="0" />Нет<hr></td>
          </tr>
 
          <tr>
 
              <td>Бойлер/Водонагреватель </td>
              <tr><td><input type="radio" class="radioClass" name="product2" value="2000" />Да
              <input type="radio" class="radioClass" name="product2" value="0"/>Нет<hr></td>
          </tr>
 
          <tr>
              <td>Электрическая варочная панель </td>
              <tr><td><input type="radio" class="radioClass" name="product3" value="3000"/>Да
              <input type="radio" class="radioClass" name="product3" value="0"/>Нет<hr></td>
          </tr>
          <tr>
              <td>Духовой шкаф </td>
              <tr><td><input type="radio" class="radioClass" name="product4" value="2000"/>Да
              <input type="radio" class="radioClass" name="product4" value="0"/>Нет<hr> </td>
          </tr>
          <tr>
              <td>Посудомоечная машина </td>
              <tr><td><input type="radio" class="radioClass" name="product5" value="2000"/>Да
              <input type="radio" class="radioClass" name="product5" value="0"/>Нет</td>
          </tr>
      </table>
      <br>
        </div>
 
      </div>
 
    <span class="summa">0</span>


$(function () {
          $("input.radioClass").click(radioHandler);
      });
 
      function radioHandler() { //* функция для выбора radio
          var form = $("form")[0];
          var sum = +form["product1"].value + +form["product2"].value + +form["product3"].value + +form["product4"].value + +form["product5"].value;
$('.sum').text(sum)
      }
 
  $(function() { //* функция для выбора помещения
      var home = $('.home');
      home.click(function(){
      home.css('background-color', 'white').removeClass('active');
      var num = $(this).css('background-color', '#22d7ff').addClass('active').data("value");
      $('.num').text(num);
      });
    });
 
$(function() { //*функция для выбора тарифа
var tarif = $('.tarif');
tarif.click(function(){
tarif.css('background-color', 'white').removeClass('active');
var num1 = $(this).css('background-color', '#22d7ff').addClass('active').data("value");
$('.num1').text(num1);
});
});
Ответить с цитированием