Сделал форму для выбора варианта доставки, где есть 2 инпута радио. Почта и Курьером.
При выборе варианта Почта, должны появится 2 поля: Город и Отделение. У самовывоза, соответственно 1 поле: Адрес доставки.
Проблема:
1) Не могу реализовать, что бы формы скрывались при переключении между чекбоксами. Нашел решение только для одной.
2) Поля форм становились обязательными при выборе конкретного чекбокса. Сейчас либо все обязательны - форма не пропускает, либо все необязательны - тогда и заполнять не нужно.
Просветите пожалуйста.
{foreach $deliveries as $delivery}
<div class="checkbox">
<input type="radio" id="deliveries_{$delivery->id}" {if $delivery->id==1} onChange="show()" {else} onChange="hide()">
</div>
<h3> <label for="deliveries_{$delivery->id}">{$delivery->name}</label></h3>
{if $delivery->id==1}
<div id="info">
<input placeholder="Город" type="text" value="{$city|escape}" required/>
<input placeholder="Отделение" type="text" value="{$address|escape}" required />
</div>
{/if}
{if $delivery->id==2}
<div id="info1">
<input placeholder="улица / дом / эт / кв." type="text" value="{$address1|escape}" required />
</div>
{/foreach}
<script>
function show() { document.getElementById('info').style.display='block';}
function hide() { document.getElementById('info').style.display='none';}
</script>