Default Check Radio Button sesuai Inputan

Membuat radio button tentunya bukan hal yang susah, tapi jika membuat default check radio button sesuai dengan pilihan pada saat input data tentunya perlu pemikiran lebih.

Pada kasus ini radio button digunakan sebagai inputan untuk disimpan dalam sebuah data base. Secara singkat radio button ini digunakan untuk menandai pilihan dan jika membuka link dari pilihan tersebut maka radio button yang dipilih adalah radio button yang sesuai dengan inputan.

Pada proses ini yang akan dicoba adalah membuat default check radio button yang sesuai dengan inputan. Untuk membuatnya yang diperlukan adalah halaman form input, form hasil, dan form edit serta dibutuhkan data base juga. Alur proses yang dilakukan adalah mengisi form input, dieksekusi pada form hasil dan di edit pada form edit.

Untuk memulainya buat radio button dan pilih pada pilihan ke dua, selanjutnya langsung dibahas ke form edit, buat radio button standar
<input name="gender" type="radio" value="l">Laki-laki <input name="gender" type="radio" value="p">Perempuan

Menggunakan kode seperti ini maka default check button akan terletak pada pilihan pertama. Untuk membuat check default pada pilihan ke dua bisa diakalin ae dengan menambahkan kode checked pada pilihan ke dua.
<input name="gender" type="radio" value="l">Laki-laki <input name="gender" type="radio" value="p" checked>Perempuan

Nah dengan menambahkan kode ini masalah untuk kasus yang tadi sudah selesai, beres malahan. Jadi intinya agar pilihan radio button menjadi default/pilihan standar maka harus diberi tambahan kode checked.

Dan eksplorasi masih berlanjut, sekarang edit pilihan radio button menjadi laki-laki, ga lupa disimpen lagi biar aman. Hahahaha . Nah sekarang kita lakukan edit lagi, dan nah lho.... Kok pilihan yang harusnya laki-laki malah kepilih perempuan? Hal ini terjadi karena pilihan checked ada pada opsi perempuan. Berarti seneng yang sudah terjadi gagal nuuuu..... lanjut uji coba lagi yuk...

Pada percobaan kali ini kita berbekap satu logika, untuk menjadikan button memiliki pilihan default sesuai yang kita inginkan kita harus menggunakan tambahan kode checked. Bekal yang kedua, checked diberikan pada pilihan yang sesuai dengan inputan, nah kalo berhubungan dengan masalah ini berarti kita dihadapkan pada permasalahan eksekusi dengan memiliki 2 pilihan dan jawaban dari bekal ke dua ini adalah fungsi if .

Sehingga rangkaian kode yang digunakan untuk melakukan pekerjaan ini menjadi seperti ini.
<input name="gender" type="radio" value="l" <?php if($baris[6]=='l') echo "CHECKED"; ?>>Laki-laki <input name="gender" type="radio" value="p" <?php if($baris[6]=='p') echo "CHECKED"; ?>>Perempuan

Dari baris kode ini yang perlu diperhatikan adalah pada kode yang tertulis dalam kode php. Kode ini digunakan untuk meletakkan kode checked yang akan dipasangkan jika inputan sesuai dengan syarat yang digunakan. Variabel $baris[6] merupakan value yang diambil pada tabel gender. Jika value pada tabel gender identik dengan syarat (l / p) maka tuliskan checked pada baris kode input.

Nah mudah bukan.... dengan menggunakan baris kode tersebut, radio button yang kita buat akan terus sesuai/memilih opsi sesuai dengan inputan yang dimasukkan. Dan sekedar informasi, untuk bisa menggunakan perintah ini, ujicoba yang telah dilakukan menggunakan perpaduan kode program HTML dan PHP serta menggunakan database sebagai tempat menyimpan inputan.

Tutorial disertai gambar download disini