How To Deselect A Radio Button - Hallo sahabat Jendela Dunia Internet Dan Tekhnologi, Pada Artikel yang anda baca kali ini dengan judul How To Deselect A Radio Button, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel RadioButton, Artikel UserScripting, Artikel UX, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : How To Deselect A Radio Button
link : How To Deselect A Radio Button

How To Deselect A Radio Button

Sometimes radio buttons can be quite frustrating as a user when you need to deselect having answered a question.

Here’s a quick way to temporarily allow a page to deselect radio buttons by pressing Ctrl + Click

1. Navigate to any page that has radiobuttons. Here’s an example of one:
2. Click F12 to open up the developer tools
3. Navigate to the Console Pane

4. Copy and paste in the following code into the editor:

   document.addEventListener('click', function(e){
    if (e.ctrlKey == true && 
        e.target.tagName == 'INPUT' && 
        e.target.type == "radio" && 
        e.target.checked == true) {
        e.target.checked = false;
    }
   });

5. Click Run Script (or hit Enter)
6. Now, to deselect a radio button just go back to the page and hold down Ctrl and click with your mouse.

This screenshot should match your current browser, but if it doesn’t - here’s an album of screenshots for different browsers

Note: Of course, by the time you’re opening up the developer tools, you can just edit the HTML directly, but this is a little more reusable.

Demikianlah Artikel How To Deselect A Radio Button

Sekianlah artikel How To Deselect A Radio Button kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel How To Deselect A Radio Button dengan alamat link http://jendeladuniainternet.blogspot.com/2014/06/how-to-deselect-radio-button.html

Tweet