Как показать скрытое поле по нажатию 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

1

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

2

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

3

Добавили код в блок Другое - Т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>