KangJaz.com

Tempat Tips, Tutorial dan Source Code dari seorang newbie

Cara Menampilkan Value Checkbox ke Textarea

06 Maret 2017 | Kategori : JavaScript

Pada kesempatan kali ini saya akan berbagi tutorial bagaimana cara menampilkan value checkbox ke textarea nih sob dan yang pasti masih masalah code ya hehehe.. Dalam bahasa pemrogramman html, checkbox sendiri merupakan tag input yang berfungsi untuk membuat kotak isian yang diisi dengan cara menceklist kotak inputan tersebut.

js.png

Checkbox biasa digunakan untuk pemilihan data yang lebih dari satu, semisal hobi, buku maupun kategori serta masih banyak lagi. Untuk membuat checkbox kita hanya memerlukan tag input dengan tambahan attribute type="checkbox" dan sobat bisa menambah attribute value untuk isi inputannya.

Secara umum tag checkbox seperti pada script di bawah ini :

<input type="checkbox">label

Lalu bagaimana cara menampilkan isi checkbox ke textarea ? untuk menampilkan value / isi checkbox ke textarea kita akan memanfaatkan javascript ya sob. Sepertinya sobat sudah tidak sabar nih untuk menambah ilmu codingnya hehehe.. langsung saja silahkan sobar perhatikan penggalan script di bawah ini :

Sedikit penjelasan tentang script di atas ya sob :

Jadi jika checkbox di klik maka value nya akan ditampung oleh variabel checkgrup pada javascript kemudian banyaknya data akan dihitung dan disimpan dalam variabel checklength yang kemudian di cek jumlah datanya.

Jika data lebih dari satu maka akan dilakukan looping pembacaan data, namun jika tidak lebih dari satu maka value akan langsung dimasukkan variabel list yang berupa array. Yang kemudian data digabungkan dengan tanda penghubung ', ' (koma) lalu dimasukkan ke document sesuai id yang dimasukkan sebelumnya.

Yah, mungkin cukup itu ya yang bisa saya jelaskan dan bagi kepada sobat pada kesempatan kali ini, semoga sedikit ilmu ini bisa bermanfaat buat sobat semua. Tunggu tips dan tutorial yang akan saya bagikan berikutnya ya sob..

CMIIW