How to clear radio button in Javascript

Question

I have a radio button named  Choose  with the options yes and no  If I select any one of the options and click the button labeled  clear   I need to clear the selected option  using javascript  How can I accomplish that

User · Accepted Answer

You don t need to have unique id for the elements  you can access them by their name attribute   If you re using name  Choose   then    With jQuery it is as simple as       input name Choose    attr  checked  false    or in pure JavaScript       var ele   document getElementsByName  Choose       for var i 0 i lt ele length i          ele i  checked   false    Demo for JavaScript

User · Answer

if the id of the radio buttons are  male  and  female   value reset can be done by using jquery     input id male    attr  checked  false      input id female    attr  checked  false

User · Answer

Simple  no jQuery required    lt a href  javascript clearChecks  group1    gt clear lt  a gt    lt script type  text javascript  gt  function clearChecks radioName        var radio   document form1 radioName      for x 0 x lt radio length x              document form1 radioName  x  checked   false           lt  script gt

User · Answer

In my case this got the job done   const chbx   document getElementsByName  input name     for let i 0  i  lt  chbx length  i          chbx i  checked   false

User · Answer

If you do not intend to use jQuery  you can use simple javascript like this  document querySelector  input name  Choose   checked   checked   false    Only benefit with this is you don t have to use loops for two radio buttons

User · Answer

An ES6 approach to clearing a group of radio buttons       Array from  document querySelectorAll  input name  group-name   checked    input   gt  input checked   false

User · Answer

This should work  Make sure each button has a unique ID    Replace Choose Yes and Choose No with the IDs of your two radio buttons   document getElementById  Choose Yes   checked   false  document getElementById  Choose No   checked   false    An example of how the radio buttons should be named    lt input type  radio  name  Choose  id  Choose Yes  value  1    gt  Yes  lt input type  radio  name  Choose  id  Choose No  value  2    gt  No

User · Answer

YES lt input type  radio  name  group1  id  sal  value  YES   gt   NO lt input type  radio  name  group1  id  sal1  value  NO   gt    lt input type  button  onclick  document getElementById  sal   checked false document getElementById  sal1   checked false  gt

User · Answer

If you have a radio button with same id  then you can clear the selection   Radio Button definition      lt input type  radio  name  paymentType  id  paymentType  value  CASH    gt  CASH  lt input type  radio  name  paymentType  id  paymentType  value  CHEQUE    gt  CHEQUE  lt input type  radio  name  paymentType  id  paymentType  value  DD    gt  DD   Clearing all values of radio button    document formName paymentType 0  checked   false  document formName paymentType 1  checked   false  document formName paymentType 2  checked   false

User · Answer

Wouldn t a better alternative be to just add a third button   neither   that will give the same result as none selected

[javascript] How to clear radio button in Javascript?

Examples related to javascript

Examples related to html