Memeriksa Radio Button terpilih setelah halaman selesai load dengan jQuery

Contoh Kasus:

Saya mempunyai dua buah radio button seperti terlihat pada kode dibawah ini:

<input type=’radio’ name=’rbFamily’ id=’rbFamilyYes’ value=’y’ onclick=”tampilFamily(‘y’)” >Yes
<input type=’radio’ name=’rbFamily’ id=’rbFamilyNo’ value=’n’ onclick=”tampilFamily(‘n’)”>No

Keinginan:

Saya ingin agar pada saat halaman pertama kali load maka saya ingin agar kedua radio button diatas diperiksa dan jika radio yang mempunyai id=’rbFamilyYes’ itu terpilih maka berikan event click() padanya.

Pertanyaan:

Bagaimana cara membuatnya … ?

Jawaban:

Saya menggunakan kode berikut ini:

<script type=”text/javascript”> 

$(function() {

var rbFam=$(‘#rbFamilyYes’);

if(rbFam.is(‘:checked’)===true){

$(rbFam).click()

}

});

</script>

Keterangan:

  • $(function(){ … }) adalah singkatan dari $(document).ready(function(){ … });
  • rbFam.is(‘:checked’), kode ini digunakan untuk memeriksa apakah radio button itu sedang terpilih atau tidak.
  • $(rbFam).click(), kode ini digunakan untuk memberikan event click() pada radio button.

Penutup:

Sekian Penjelasan Saya.

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *