Pada tulisan ini kita akan membahas sedikit bagaimana merubah Checkbox menjadi Radio dengan menggunakan Javascript.
Latar belakang
Penggunaan selector :checked
sudah kompatible di setiap browser. Selector ini men-select elemen input yg bertype radio atau checkbox.
Permasalahan
Akan tetapi designer mungkin akan dibuat bingung. type apakah yang akan digunakan ? apakah input bertype radio
atau yang bertype checkbox
.
Inspirasi
Dengan alasan bahwa jika element input ber-type radio
name-nya beda-beda, maka fungsinya sama saja seperti input yang bertype checkbox.
Radio hanya berfungsi sebagai chooser
tentu jika name-nya sama membentuk array key. Dilain pihak, input bertype checkbox
tidak terpengaruh oleh name-nya , membentuk array value. Sebagai alternatif. maka element input=Radio bisa dengan hanya menggunakan input=checkbox saja. cukup gunakan script di bawah ini:
Script ini sebaiknya disimpan di body
.
perlu diketahui, script ini hanya contoh.
sebaiknya gunakan script yg sesuai dengan project anda. ( misalnya: jquery )
berikut ini contoh penggunaanyya:
DEMO
Epilog
Selamat berkreasi dengan selector :checked
Terima Kasih Atas tutorialnya ..
artikel yang sangat bagus ..
Terima kasih kembali..
fungsinya kok ga jalan di browser ie…apa perlu setingan khusus supaya fungsinya bisa berjalan,,di internet explorer..untuk di mozilla dan chrome sih bisa,,thanks,,
thanks.. sangat membantu
Gan kalo yg Choose One by Id bisa ngga?
soalnya name nya ga sama.
Ex.
Begimane gan?
Gan kalo yg Choose One by Id bisa ngga?
soalnya name nya ga sama.
Ex.
input id=absen type=checkbox name=hadir[] value=$data[id]
input id=absen type=checkbox name=sakit[] value=$data[id]
Begimane gan?