How to make a radio button unchecked by clicking it?

by

You can set HTML object’s property checked to false like this:

document.getElementById('desiredInput').checked = false;

Examples

Plain JavaScript:

var radios = document.getElementsByTagName('input');
for(i=0; i<radios.length; i++ ) {
    radios[i].onclick = function(e) {
        if(e.ctrlKey || e.metaKey) {
            this.checked = false;
        }
    }
}
<input type="radio" name="test" value="1" />
<input type="radio" name="test" value="2" checked="checked" />
<input type="radio" name="test" value="3" />

jQuery:

$('input').click(function(e){
    if (e.ctrlKey || e.metaKey) {
        $(this).prop('checked', false);
    }
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="radio" name="test" value="1" />
<input type="radio" name="test" value="2" checked="checked" />
<input type="radio" name="test" value="3" />

Hold down Ctrl (⌘ on mac) key to uncheck.

More Related Contents:

  1. How can I know which radio button is selected via jQuery?
  2. How to get the selected radio button’s value?
  3. How to get value of selected radio button?
  4. Can you style an html radio button to look like a checkbox?
  5. In jQuery, how do I select an element by its name attribute?
  6. Check a radio button with javascript
  7. jQuery $(“#radioButton”).change(…) not firing during de-selection
  8. How to get the value of a selected radio button
  9. How to add a black shadow on top of a div block with background image?
  10. Javascript / Html Check box error [closed]
  11. Creating a textarea with auto-resize
  12. In what situations would AJAX long/short polling be preferred over HTML5 WebSockets?
  13. Document.write clears page
  14. HTML button to NOT submit form
  15. How can get the text of a div tag using only javascript (no jQuery)
  16. Submit multiple forms with one submit button
  17. How to load all the images from one of my folder into my web page, using Jquery/Javascript
  18. How to get the position of text within an element?
  19. How to get file name when user select a file via ?
  20. Enable/Disable submit button if checkbox is checked/unchecked?
  21. “pointer-events: none” does not work in IE9 and IE10
  22. Changing the order of elements
  23. addEventListener for keydown on Canvas
  24. GoogleMaps does not load on page load
  25. How do I detect when a web page is loaded?
  26. collapse and expand tabs jquery / simple accordion
  27. Simple HTML sanitizer in Javascript [closed]
  28. angularjs custom filter to check for values inside a data array
  29. JavaScript – Get size in bytes from HTML img src
  30. True Isometric Projection with HTML5 Canvas

Leave a Comment