How to change my code to uncheck radio button from javascript to jQuery?

Question

I have this javascript code to uncheck the radio button which is working fine

function uncheckRadio(){
    const radioBtns = document.querySelectorAll('input[name="choices"]');
    for(const btn of radioBtns){
        if(btn.checked){
            btn.checked = false;
        }
    }
}

What would this function look like if rewritten into jQuery?

Does this answer your question? [How to uncheck a radio button?](https://stackoverflow.com/questions/2117538/how-to-uncheck-a-radio-button) — djcaesar9114, Jun 28 '20 at 11:37

Martin · Accepted Answer · 2020-06-28T12:10:00.723

1

First you need to think of the selector in jQuery. The selector in your case is the name.

Secondly, you need to think of a way to loop through your elements. This can be done by the .each() function in jQuery.

Use the .prop() function to uncheck the radio button by setting the property to false.

jQuery Example:

function uncheckRadio(){
    $('input[name^="choices"]').each(function() {
        $(this).prop('checked', false)
    });
}

edited Jun 28 '20 at 12:10

answered Jun 28 '20 at 11:48

Martin

2,326
1
12
22

thanks Martin Sir for the answer with good explanation,it solved my issue ...thanks – Deviprasad Sharma Jun 28 '20 at 12:05
if you want to do in one liner then $('input[name="choices"]:checked').prop("checked", false); – Yogesh Jun 28 '20 at 12:34

How to change my code to uncheck radio button from javascript to jQuery?

1 Answers1