Checkbox adalah Tag input HTML yang diisi dengan cara checklist pada kotak pilihan biasannya bisa dipilih lebih dari satu. Tentu checkbox sendiri bisa berada didalam ataupun diluar tag form HTML .Dalam kasus kali ini saya akan membagikan tutorial tentang cara membuat checkbox didalam select option. Nah kenapa saya menambahkan select option, dalam select option hanya bisa dipilih satu nilai saja atau sesuai pilihan yang diinginkan.Supaya tidak penasaran tentang cara pembuatanya ayooo jangan kemana-mana, sahabat bisa ikutin langkah-langkah yang saya berikan seperti berikut ini:

Langkah pertama buka text editor masing-masing buat file HTML untuk menyimpan struktur HTMLnya ,ketikan code HTML dibawah ini:

code HTML diatas saya buat tag select option dan membuat tag input checkbox.

Langkah selanjutnya tambahkan style CSS agar terlihat rapih ketikan seperti berikut:

Baiklah sekarang ketikkan sintax dari javascript dibawah ini :

pada code HTML tadi saya sudah memberikan fungsi onclick,jadi saat tag select diclick maka input checkbox akan muncul. Jadi jika semua sudah di ketikkan jangan lupa save dan jalankan pada browser masing-masing lihat tampilannya akan seperti ini :

1-Membuat Checkbox didalam Select Option 2-Membuat Checkbox didalam Select Option

Demikian pembahasan kali ini tentang cara membuat checkbox didalam select option, selamat mencoba dan semoga bermanfaat sampai jumpa lagi dengan pembahasan artikel lainnya.

terima kasih