Hallo sobat program, bertemu lagi dengan saya Rizal dan masih tetap diwebsite dumetschool. Pada kesempatan ini saya akan membahas tentang Cara Penggunaan Selector Checkbox pada JQuery. Jika teman-teman sering berselancar tentang selector pada jquery mungkin dipembahasan ini akan sangat mudah untuk dipahami.

Oke langsung saja, di JQuery ada sebuah fungsi untuk memilih atau biasa disebut selector yang nantinya ketika sudah di pilih (selector) maka akan diberikan perintah-perintah yang di inginkan. Dan disini kita akan mencoba memilih (selector) checkbox yang nantinya akan kita berikan style css sederhana. Dan dibawah ini merupakan contoh syntax untuk selector checkbox :

Cara Penggunaan Selector Checkbox pada JQuery

Cara Penggunaan Selector Checkbox pada JQuery

Baiklah, langsung saja kita mencobanya ya teman-teman. Langkah pertama siapkan sebuah file htmlnya, lalu teman-teman ketikan kode HTML seperti pada contoh dibawah ini :

Jika sudah, langkah berikutnya silahkan coba dijalankan dibrowser yang teman-teman gunakan, maka hasil awalnya akan menjadi seperti ini :

Cara Penggunaan Selector Checkbox pada JQuery

Cara Penggunaan Selector Checkbox pada JQuery

Oke, jika sudah seperti pada hasil diatas maka langkah berikutnya kita akan memilih element input checkbox dan akan kita tambahkan style css sederhana dengan menggunakan JQuery. Teman-teman dapat melihat kode JQuerynya seperti pada contoh dibawah ini :

Kode diatas saya menggunakan library CDN JQuery, jadi teman-teman harus ada koneksi internet, oke jika sudah silahkan langsung di refresh saja, maka hasilnya akan menjadi seperti pada contoh dibawah ini :

Cara Penggunaan Selector Checkbox pada JQuery

Bagaimana ? mudah ya teman-teman. Jadi seperti itulah pembahasan kita kali ini tentang Cara Penggunaan Selector Checkbox pada JQuery. Semoga dapat sangat bermanfaat buat teman-teman dan sampai bertemu dipembahasan selanjutnya.

Terimakasih