jQuery: как избежать глобальных переменных в калькуляторе?

282
06 марта 2018, 05:43

Калькулятор состоит из нескольких чекбоксов, ползунков и селектов. И в принципе работает, но обновление результатов происходит только после изменения select-ов. Как можно решить эту проблему не прибегая к использованию глобальных переменных?

$(document).ready(function() {
  //чекбоксы
  $('.calc1 input').change(function() {
    $v_predelah = $('input#payt2').val();
    $med_knijka = $('input#payt3').val();
    $pomeshenie = $('input#payt4').val();
    $podgotovka = $('input#payt5').val();
  });
  //ползунки
  $(function() {
    var el_chel; //количество человек
    $("#rng").change(function() {
      el_chel = $(this);
      el_chel.next("#ong");
      $('.calc2 #iskom').text(el_chel.val() + " человек");
      $('.calc1 #round1').text(el_chel.val());
      $res_chel = el_chel.val();
    }).trigger('change');
  });
  $(function() {
    var el_chasov; // количество часов
    $("#rng1").change(function() {
      el_chasov = $(this);
      el_chasov.next("#ong1");
      $('.calc2 #chasovoi').text(el_chasov.val() + " рабочих часов");
      $('.calc1 #round2').text(el_chasov.val());
      $res_chasov = el_chasov.val();
    }).trigger('change');
  });
});
READ ALSO
Настройка Slick слайдера

Настройка Slick слайдера

Всем "Зраствуйте"! У меня проблема: мне нужно настроить slick slider таким образом, чтобы он автоматически прокручивался до последнего слайдера...

305
Расширения Chrome DevTools network без открытия панели devtools

Расширения Chrome DevTools network без открытия панели devtools

Делаю расширение для Google Chrome, которое должно парсить запросы

299
Как группировать checkbox по name?

Как группировать checkbox по name?

Как группировать checkbox по name?

554