Hallo teman-teman Dumet School, Kembali lagi dengan saya Shelli Ripati di kursus Web Design. Kali ini saya akan Membuat Sistem Toggle Dengan  Menggunakan Jquery. Dimana pada studi kasus kali ini saya akan membuat system toggle untuk mengubah nilai false dan true.

Nah untuk dapat Membuat Sistem Toggle Dengan  Menggunakan Jquery, kita buat terlebih dahulu struktur htmlnya ya teman-teman.

Nah jika sudah selesai maka kita akan masuk kedalam script jquerynya untuk dapat mengubah nilai true menjadi false dan begitupun sebaliknya.

Disini saya membuat fungsi show untuk menampilkan datanya dan disambung dengan fungsi toggle untuk dapat mengubah nilai status dari false menjadi true dan begitupun sebaliknya dengan cara mengklik class namenya saja dan fungsi toggle dijalankan. Didalam fungsi toggle ada pengecekan antara data array todos dengan data yang kita klik. Jika sama maka value is_completed akan berubah menjadi false atau true.

Jika teman-teman buka di browser masing-masing maka tampilannya akan seperti pada gambar di bawah ini.

Membuat Sistem Toggle Dengan Menggunakan Jquery

Demikian artikel tentang cara Membuat Sistem Toggle Dengan  Menggunakan Jquery. Semoga dapat bermanfaat dan selamat mencoba ya teman-teman.