Как при выборе radio изменить диапазон в range slider в форме в Tilda

Уход за газоном

Мы ценим постоянных клиентов, поэтому при приобретении абонемента на 3, 5 или 7 покосов травы, вы получите скидку до 10% на общую сумму.

Как при выборе radio изменить диапазон в range slider в форме в Tilda

1

Создали форму и добавили в неё поля:
- Question with answers с именем typeplace
- Quantity (range slider) с именем square
- Calculations field с формулой typeplace*square

2

Вставили код в блок Другое - T123
В коде указали имена полей и лимиты для rangeslider
для первого и второго варианта

Библиотека для примера


<script>
$( document ).ready(function() {
var typeplace = 'input[name="typeplace"]';//Название поля выбора
var square = 'input[name="square"]';//Название range slider
//Лимит первого range slider
var firstrange = {
  "min": 40,
  "max": 150,
  "val": 40
};
//Лимит второго range slider
var secondrange = {
  "min": 100,
  "max": 500,
  "val": 100
};
   $(".tn-atom__form").on('change', typeplace , function() {       
      var place =   $(typeplace).index(this)+1; 
//Если выбран 1-ый вариант
    if(place==1){
      $(square).attr({
          'min': firstrange['min'],
          'max':firstrange['max'],
          'value':firstrange['val']
      }).parent().find('.t-range__interval-txt_min').html(firstrange['min']).next().html(firstrange['max']);
      $(square).change();
    }else{
//Если выбран 2-ой вариант        
     $(square).attr({
          'min': secondrange['min'],
          'max':secondrange['max'],
          'value':secondrange['val']
      }).parent().find('.t-range__interval-txt_min').html(secondrange['min']).next().html(secondrange['max']);
      $(square).change();
    };
   });    
});    
</script>