Menghilangkan pilihan pada radio/option button pada Aplikasi berbasis web yang sudah terpilih

By | Juli 21, 2020
HTML is also allowed.

Suatu hari saya dihadapkan pada sebuah pilihan untuk mengisi sebuah radio/option button, dimana prinsipnya yang namanya radio button untuk memilih ya harus memilih, tidak bisa dibatalkan kalau sudah kadung dipilih. Nah masalahnya pada beberapa aplikasi saya sudah kadung pilih radio buttonnya saya tidak bisa batalkan, sehingga terkadang pada laporan hasil cetaknya keluar tercentang meskipun kita tidak ingin itu tercentang, nah bagaimana caranya agar radio button yang sudah kadung kita pilih agar kosong kembali? Untuk yang tidak tahu apa itu radio button bisa lihat gambar berikut:

Gambar Radio Button

Nah anda lihat pada gambar diatas radio button sudah kadung terpilih, lalu bagaimana caranya membatalkan pilihan,agar kembali kosong? ikuti triknya sebagai berikut.

  • Buka Aplikasi web atau halaman web yang mana radio button sudah kadung terpilih bisa menggunakan google chrome.
Block bagian yang ingin dihilangkan pilihan radio buttonnya lalau klik kanan area yang di block tersebut lalu pilih Inspect/ Inspect element
Pilih Inspect

akan muncul tampilan kode html berikut , disini kita bisa utak atik tampilan web dari aplikasi dimaksud,namun kita fokus akan menghilangkan pilihan pada radio button

tampilan setelah klik kanan pilih inspect

Sekarang pada kode yang muncul cari bagian radio button yang akan dihilangkan pilihannya, caranya dengan memilih salah satu kode terdekat dan melihat bagian yang diblock pada tampilan web sebelah kiri, seperti ini contohnya:

Lihat Panah bewarna merah

pada contoh diatas terlihat ketika kita mengklik kode disebelah kanan, tampilan web disebelah kiri (panah merah) terblok dan menampilkan atributnya, nah karena kita memang ingin menghilangkan pilihan pada radio button ini maka pastikan pada kode sebelah kanan pada kode html “input type=radio” terpilih dan berisi ==$0, lalu pada tampilan bagian bawah terdapat tab console seperti ini

Tampilan console google chrome

Nah setelah dipastikan bagian radio button sudah terblock dan pada bagian kode sebelah kanan terdapat ==$0 maka silakan ketik perintah berikut di console:

$0.checked=false

lihat hasilnya pada tampilan web sebelah kiri radio button bersih kembali dan tidak terpilih.

Semoga trik ini sedikit membantu

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *