Pada kesempatan kali ini saya akan memberikan tutorial tentang Membuat Select Deselect All Checkbox Dengan JQuery . Baiklah dalam study kasus kali ini bagaimana siih cara membuat checklist semua pada checkbox atau menghapus select checklist nya. Disini saya akan membuat dengan cara yang sederhana supaya sahabat bisa memahami dan mengerti dalam pembahasan kali ini.Sebelum dimulai semoga konsepnya sahabat sudah paham yaa, bagaimana cara select/deselect all pada checkbox, oke mari kita mulai saja cara membuatnya coba ikutin langkah-langkah berikut ini :

Langkah pertama sahabat buat file html terlebih dahulu untuk tampilannya, saya disini menggunakan template dari bootstrap saja supaya mudah mengaplikasikannya. Yuuk ketikkan code dibawah ini:

  • Ini untuk bagian headnya atau script template bootstrap yang dipakai

  • Ini untuk desainnya atau kita membuat beberapa checkbox

Langkah selanjutnya tambahkan script dari JQuery dibawah ini :

Pada script diatas dijelaskan pada

  1. keterangan pertama terdapat id = checkall berfungsi dimana beberapa checkbox dapat dipilih semuanya dengan memilih checkbox yang memiliki id = checkall,
  2. keterangan kedua digunakan saat beberapa checkbox yang sudah dipilih, dapat di unchecklist atau juga bisa di checkall.
  3. keterangan ketiga digunakan saat checkbox dengan class = checkitem terpilih semua maka checkbox id = checkall akan terchecklist, jika salah satu checkbox class = checkitem tidak dipilih maka tidak akan terchecklist pada checkbox id = checkall

Sekarang coba kita lihat hasilnya berikut ini tampilannya:

Membuat Select Deselect All Dengan JQuery                  1-Membuat Select Deselect All Dengan JQuery           

Demikian pembahasan pada artikel kali ini tentang Membuat Select Deselect All Checkbox Dengan JQuery, semoga bermanfaat dan selamat mencoba.

terima kasih