Show Hide Form Radio Button dengan Jquery di YII - Membuat interface untuk menampilkan dan menyembunyikan element tertentu menggunakan bantuan jquery akan mempermudah dalam pengembangan, salahsatu contoh kasus disini adalah apabila radio button tertentu di klik, maka akan menampilkan konten isian selanjutnya, berikut adalah tampilan form radio buttonnya, berikut hasil perbedaannya:
 |
| Apabila Klik Radio Button Diterima |
 |
| Apabila Klik Radio Button Ditolak akan Muncul Form Input Lainnya |
Untuk Scriptnya Jquery:
<script type="text/javascript">
$(function () {
$("input[name='Response[status]']").click(function () {
if ($("#Response_status_1").is(":checked")) {
$("#emailReject").show();
} else {
$("#emailReject").hide();
}
});
});
</script>
<?php
echo $form->radioButtonList($model,'status',
array('1'=>'Diterima','2'=>'Ditolak'),
array(
'template'=>'{input}{label}',
'separator'=>'',
'labelOptions'=>array(
'style'=>'padding-right:20px;margin-left:15px'),
)
);
?>
Bagian Form yang akan di Tampilkan apabila di klik Ditolak
<div id="emailReject" style="display: none">
<div class="form-group">
<?php echo $form->textArea($model,'description_reject',array('class'=>'form-control')); ?>
</div>
<div class="form-group">
<?php echo $form->textArea($model,'description_email',array('class'=>'form-control')); ?>
</div>
</div>