Di tips 14 kita sudah berhasil menyisipkan CSS, di tips ini kita akan menyisipkan kode Javascript/JQuery. Caranya mirip, kita hanya tinggal menyisipkan kode JS di bagian bawah form :
1 2 3 |
<?php $this->registerJS(" /* Isi kode JS disini */ "); ?> |
Ini form yang kita buat :
1 2 3 4 5 6 7 8 9 10 11 12 |
<h3> Tips JS pada form yii2 </h3> <p id="par1">Paragraf ini akan hilang saat tombol di klik</p> <button class="btn btn-success">Klik Saya</button> <?php $this->registerJs(" $(document).ready(function(){ $('button').click(function(){ $('#par1').toggle(); }) }); "); ?> |
Ketika di klik, paragraf akan hilang, dan ketika di klik lagi, paragraf akan muncul kembali.