Can you cancel the 'Checked' HTML property for a radio button using JavaScript?

Question

Is it possible to cancel the checked HTML property for a radio button using JavaScript?

I have this layout:

<div class="wss_final_delivery">
  <div class="wss_final_delivery_wrap">Would you like to accept final delivery
    <label>
      <input type="radio" name="wss_accept_delivery" value="yes">
        Yes
    </label>
    <label>
      <input type="radio" name="wss_accept_delivery" value="no" checked="">
        No
    </label>
  </div>
</div>

This results in the "No" option to be checked by default. I would like none of the options to be checked by default and let the user choose his option. However, I can not change the HTML code. Is it possible to achieve using JavaSricpt?

document.querySelectorAll("[name='wss_accept_delivery']").forEach(function(item){item.checked = false;}); — Louys Patrice Bessette
– Louys Patrice Bessette, Commented Dec 5, 2021 at 16:14
Does this answer your question? How to clear radio button in Javascript? — Ivar
– Ivar, Commented Dec 5, 2021 at 16:17

Saeed Shamloo · Accepted Answer · 2021-12-05 16:20:46Z

1

You can do it using javascript, like this:

 document.querySelectorAll("[name='wss_accept_delivery']").forEach(radio=> {
  radio.checked = false;
  radio.removeAttribute('checked')
 });

answered Dec 5, 2021 at 16:20

Saeed Shamloo

6,6021 gold badge11 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Can you cancel the 'Checked' HTML property for a radio button using JavaScript?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related