Show Hide Form Radio Button dengan Jquery di YII

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>  

Script Form Radio Button di YII:
<?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>
Mau Tanya ? Silahkan Klik Disini

0 comments