JQuery – Mendapatkan nilai checkbox terpilih

Dalam beberapa kasus dalam proses pembuatan aplikasi yang berhubungan dengan formulir, kita sering dihadapkan dengan bagaimana cara mendapatkan nilai dari checkbox yang dipilih oleh user. Sebenarnya ada banyak cara yang dapat digunakan, namun kali ini informasinya berfokus pada penggunaan JQuery pada form.

Berikut adalah bentuk fiddle yang sudah saya buat :

Script-mendapatkan-nilai-checkbox-terpilih
Bentuk Script

Untuk lebih detailnya silahkan kunjungi langsung halamannya : jsfiddle.

Berdasarkan contoh diatas, apabila data checkbox yang dipilih lebih dari satu, maka akan secara otomatis ditambahkan tanda koma diantaranya. Cara ini dulu saya gunakan untuk langsung menetapkan nilai dari input hidden, jadi nantinya data yang dikirimkan ke halaman simpan bukanlah data array.

Contoh diatas hanyalah sebuah gambaran sederhana, anda masih dapat melakukan pengembangan dan dapat disesuaikan dengan skenario yang anda inginkan.

Sekian tutorial singkat mengenai JQuery checkbox ini, semoga bermanfaat. 🙂

Catatan :  Mohon maaf bentuk scriptnya berupa gambar. Saya sudah mencoba untuk melakukan embed dengan iframe dan dengan script javascript dari website jsfiddle namun tidak berhasil karena wordpress akan langsung menghilangkannya. Link ke alamat aslinya sudah saya sertakan diatas. Terima kasih. 😀

Cheers, Nrmn.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s