Как сделать появление дополнительных полей от выбора чекбокса в корзине тильда?
Пример:
Есть варианты для времени доставки в виде чекбоксов:
— доставка как можно скорее
— доставка ко времени
и вот нужно сделать, чтобы при выборе 2го чекбокса появлялось доп. поле «укажите время», при выборе первого чекбокса доп. поля не появляются.
Возможно ли это реализовать? Может есть готовые модификации? Хотя я ничего подобного не нашёл. Или может кто знает как это сделать кодом?
ТильдаСайты на тильда+2
Да, это возможно реализовать с помощью JavaScript. Вот пример кода:
HTML:
<div>
<label>
<input type="checkbox" name="delivery-time" value="asap">Доставка как можно скорее
</label>
<label>
<input type="checkbox" name="delivery-time" value="specified-time">Доставка ко времени
</label>
<div id="specified-time-input" style="display:none;">
<label for="delivery-time-input">Укажите время:</label>
<input type="text" name="delivery-time-input">
</div>
</div>
JavaScript
var specifiedTimeInput = document.getElementById('specified-time-input');
document.getElementsByName('delivery-time')[1].addEventListener('change', function() {
if (this.checked) {
specifiedTimeInput.style.display = 'block';
} else {
specifiedTimeInput.style.display = 'none';
}
});
Заработать пару сотен рублей онлайн на Яндекс✺Толока! Регистрируйся.
Перейти на toloka.yandex.ru/promo