Product #1
4400
р.
7690
р.
The resulting "hybrid" is a general-purpose bike that can tolerate a wide range of riding conditions.
Product #1
4400
р.
7690
р.
The resulting "hybrid" is a general-purpose bike that can tolerate a wide range of riding conditions.

Меняем поля ввода в корзине при выборе доставки в Tilda

Как выполнили данный пример:

1. Создали корзину с полями
2. Добавили скрипт в блок Другое T123

Скрипт рассчитан на конкретный пример.
Для других задач его нужно будет изменить
<style>
/*Скрываем лишние пункты*/
  .notshow {
    display: none;
}  
</style>

<script>

$(document).ready(function(){
    
//Добавляем классы для скрытия к нужным пунктам
$(".t706 .t-select__wrapper:eq(0)").addClass("msk notshow");
$(".t706 .t-select__wrapper:eq(1)").addClass("spb notshow");
$(".t706 .t-input-group_tx:eq(0)").addClass("vivoz notshow");
$(".t706 .t-input-group_in").addClass("clientadr notshow");
$(".t706 .t-input-group_pc").addClass("pcode notshow");    
    
//Функция скрытия всех блоков
function darkside(){
    $(".notshow").css("display" , "none");
};

//При переключении переключателей доставки
$( ".t-radio__wrapper-delivery" ).change(function() {
//Скрываем определённые поля   
    darkside();

//Если выбрали доставку по Москве
if ($(".t-radio__wrapper-delivery .t-radio:eq(0)").prop('checked')) {
    $(".clientadr , .pcode ").show();
  
};

//Если выбрали доставку по Спб
if ($(".t-radio__wrapper-delivery .t-radio:eq(1)").prop('checked')) {
    $(".clientadr , .pcode ").show();
   
};

//Если выбрали доставку Почтой
if ($(".t-radio__wrapper-delivery .t-radio:eq(2)").prop('checked')) {
    $(" .clientadr , .pcode ").show();
  
};

//Если выбрали самовывоз Москва
if ($(".t-radio__wrapper-delivery .t-radio:eq(3)").prop('checked')) {
    $(" .msk , .vivoz , .pcode ").show();
    $("[name='adress']").val('-');
}else{
    $("[name='adress']").val('');
};

//Если выбрали самовывоз Санкт-Петербург
if ($(".t-radio__wrapper-delivery .t-radio:eq(4)").prop('checked')) {
    $(" .spb , .vivoz , .pcode ").show();
    $("[name='adress']").val('-');
   
};

});
 
});
</script>
Made on
Tilda