Как при выборе определенного radio скрывать поля input в yii?

Question

[Александр Горкин]

Вот код:

<section class="who-pay">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="form-head"><h4>Кто будет оплачивать?</h4></div>
            </div>
            <div class="col-md-6 radio-wr">
                <?php $form = ActiveForm::begin() ?>
               <?php $orders->status = '0'; echo $form->field($orders, 'status')->radioList([
                    '0' => 'Физическое лицо',
                    '1' => 'Юридическое лицо',
                ],[
                    'item' => function($index, $label, $name,  $value){
                        return Html::radio($name, false, ['id' => 'id_' . $index, 'label' => $label]);
                    }
                ])->label(false);?>
            </div>
            <div class="col-md-6">

            </div>
            <div class="col-md-6">
                <?= $form->field($orders,'name')->textInput(['placeholder'=>'Введите свое имя']);?>
                <?= $form->field($orders,'telephone')->textInput(['placeholder'=>'Введите номер телефона'])?>
                <?= $form->field($orders,'email')->textInput(['placeholder'=>'Введите свой почтовый ящик'])?>
            </div>
            <div class="col-md-6 form-yur" id="yur">
                <?= $form->field($orders,'organization')->textInput(['placeholder'=>'Введите название организации'])?>
                <?= $form->field($orders,'inn')->textInput(['placeholder'=>'Введите ИНН'])?>
                <?= $form->field($orders,'ogrn')->textInput(['placeholder'=>'Введите ОГРН'])?>
            </div>
            </div>
                <?= Html::submitButton('Отправить', ['class' => 'btn'])?>
                <?php ActiveForm::end()?>
    </div>
</section>

Чего уже только не пробовал и методом css checked, и с jquery. Ничего не хочет работать. Не могу понять в чем дело.

Comments

[Дмитрий]

Доброе утро.
Так показывайте, как пытались сделать?

[Александр Горкин]

slo_nik, сначала css

.form-yur {
display:none}

#id_1:checked ~ .form-yur {
display:block}

Это не сработало

$('#id_1').click(function(){
		$('.form-yur').show('slow');
	});

И так не сработало

[Александр Горкин]

slo_nik, А если я испытываю css в отрезе от actionform с другими input, то все получается

[Дмитрий]

Александр Горкин, что-то подобное надо сделать.
Присвоить первому блоку id fiz, второму так и оставить id yur. Скрыть при помощи css

$('#id_0').css('display', 'block')
$('input:radio').on('click', function(){
    var Id = $(this).attr('id')
   if(Id == 'id_1'){
       $('div#yur').css('display', 'block').prev('div#fiz').css('display', 'none');
   }
   else{
      /* тут всё наоборот  */
   }
})

Вот как-то так, на ошибки не проверял. Самый простой вариант.

[Александр Горкин]

slo_nik, а как сделать корректное поле date в active form?

[Дмитрий]

Александр Горкин, в смысле?

[Александр Горкин]

slo_nik, Я хочу сделать поле ввод даты, Как его сделать вот с такими значениями dd.mm.yyyy?

[Дмитрий]

Александр Горкин, надо установить jui расширение для yii2.
Вот тут подробней.