How to Uncheck a Radio Button

How to uncheck a radio button?

either (plain js)

this.checked = false;

or (jQuery)

$(this).prop('checked', false);
// Note that the pre-jQuery 1.6 idiom was
// $(this).attr('checked', false);

See jQuery prop() help page for an explanation on the difference between attr() and prop() and why prop() is now preferable.

prop() was introduced with jQuery 1.6 in May 2011.

radio buttons won't check / uncheck

They all have different name attribute values - therefore they can only be checked (because they're not comparing to another sibling radio value). I think you might be looking for type="checkbox" instead:

<input type="checkbox" id="name" name="name"><br>
<input type="checkbox" id="age" name="age"><br>
<input type="checkbox" id="email" name="email"><br>

How to check or uncheck the radio button according to value in php?

Here's the correction with the added empty() check.

$checked = [];
$checked[0] = empty($account_type) || (isset($account_type) && $account_type == 1) ? 'checked' : '';
$checked[1] = isset($account_type) && $account_type == 2 ? 'checked' : '';

<input type="radio" name="account_type" value="1" id="acc_buyer" checked="<?php echo $checked[0] ?>">
<input type="radio" name="account_type" value="2" id="acc_seller" checked="<?php echo $checked[1] ?>">

Radio Button Does Not Unchecked When Clicking On Itself

Radio buttons are distinct from checkboxes. The user can change options between a set of radio buttons, but it cannot be deselected.

You can refer to this answer for a better explanation as to Why is it impossible to deselect HTML "radio" inputs?

PS. This applies to native HTML radio buttons. You can still use a checkbox for this purpose, or create your own buttons with CSS and Javascript that behave the same way.

Check/uncheck radio button using javascript and html

When you click a radio button, the onClick event will always think that the radio is checked, because that is how a radio works. Instead, use a second var to keep track of open status, and then set status accordingly....

var checked = false;
function uncheck1(){
    if(checked) {
         document.getElementById("radiobtn1").checked = false;
         checked = false;
         return;
    }
    checked = true;
}

<input onclick="uncheck1()" id="radiobtn1" name="grp1" type="radio" value="prashant">prashant</input>

Uncheck a Radio button in Javascript using the class

getElementsByClassName() returns a collection (like an array). So you would actually have to do

document.getElementsByClassName('Button')[1].checked = false;

But you can't be sure that your Button2 is the second element in the array if you have more elements with class Button.

How do I reset or Uncheck the Radio button in Angular programmatically?

Try giving an id='radio' atribute and then give document.getElementById('radio').checked = false

How to uncheck a radio button by clicking it again in vanilla js

you should use event click bcuz change didn't invoke when radio has checked true

     // Array inputs
    const ratings = document.querySelectorAll('input[name=rating]');

    // Array false & true.
    const array = [];

    for(let i = 0; i < ratings.length; i++)
    {
      array[i] = false;
      // create event handler onClick
      ratings[i].addEventListener('click',function()
      {
          //if item has checked before
          if(array[i] == true)
          {
            ratings[i].checked = false;
            array[i] = false;
            return; // return or will set to ture value
          }
          // set to true.
          array[i] = true;
      });
    }

more here:https://jsfiddle.net/t2u5dgeb/45/

---

Related Topics