Masalah Readonly pada field Checkbox

Dalam sebuah form html kadang kita membutuhkan sebuah field bersifat readonly artinya sebuah filed hanya bisa dibaca saja tidak boleh dilakukan perubahan terhadap nilai yang dibawanya. Jika field yang dimaksud adalah button, textfield atau textarea tidak akan jadi masalah karena kita cukup memasukkan attribute readonly=readonly atau cukup readonly kedalam tag input nya, seperti <input type=text readonly=readonly>.

Masalah akan muncul apabila field yang digunakan bertipe checkbox, karena tipe ini tidak mendukung atribute readonly. Sedangkan apabila kita menggunakan atribute disabled secara GUI memang tidak masalah tetapi tetap akan menjadi masalah ketika data itu harus disimpan lagi karena atribute disabled akan membuat data bernilai null (null <> 0).

Salah satu solusinya adalah menggunakan javascript dalam tag input, seperti dibawah ini :

<input type=”checkbox” name=”p_nama” onclick=”javascript:if(this.checked==true)
{
this.checked=false;
}else{
this.checked=true
}”>

atribute checked tinggal disesuaikan dengan isi data yang disimpan. Artinya apabila data bernilai true maka scriptnya akan menjadi :

<input type=”checkbox” name=”p_nama” onclick=”javascript:if(this.checked==true)
{
this.checked=false;
}
else{
this.checked=true
}” checked>

~hk

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