Сейчас узнаем, какой подарок выпадет именно Вам

Крутите колесо

Ура, вы выиграли!
Ваш приз:
Годовой доступ
к видео на mo-ti -20%
по промокоду T19RAY
Промокод действителен 3 дня

Оформить доступ с промокодом

100

#2470a1

Как показать скрытое поле по нажатию checkbox в Tilda

Brainstorming for desired perfect Usability

Our design projects are fresh and simple and will benefit your business greatly. Learn more about our work!

Watch Video Overview

Как показать скрытое поле по нажатию checkbox в Tilda

Создали форму в ZeroBlock

Добавили в неё поле phone, email и checkbox (name="smscheck")

Добавили код в блок Другое - Т123

Mo-ti Level Up

Видео инструкции по добавлению кода и работе с Zero Block.

Получить полное видео

Посмотреть все видео

Показываем и скрываем нужное поле при клике на заданный checkbox в форме.
Длительность видео: 31 минута

Фрагмент видео

Посмотреть видео в личном кабинете ►

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


<style>
    .tn-atom .t-input-group_ph{
        display:none;
    }
</style>
<script>
 $(document).on('change','input[name="smscheck"]',function(e){
    if( $('input[name="smscheck"]').is(':checked') ){
      $('.tn-atom .t-input-group_ph').slideDown(300);
    }else{
     $('.tn-atom .t-input-group_ph').slideUp(300);
    }; 
 });
</script>