How can I check if none of the radio buttons are checked?

Question

I have two radio buttons, yes and no.

I want to check if any of the radio buttons are checked and if not, then default the no radio button to checked.

Here is my attempt:

if ($("#type_No").attr('checked', false) && $("#type_Yes").attr('checked', false)) {
    $('#type_No').attr('checked', true);
}

However, while testing this, I realized this is incorrect because it's setting the values of the checkboxes and not checking if they're checked or not.

So, how do I check if a radio button is checked or not based on the id of the radio button?

Possible Duplicate: http://stackoverflow.com/questions/1423777/javascript-how-can-i-check-whether-a-radio-button-is-selected — dowomenfart, Feb 24 '15 at 19:43

Oleksandr T. · Accepted Answer · 2015-02-24T19:48:17.487

2

You can use $.is with selector :checked, like so

if (!$("#type_No").is(':checked') && !$("#type_Yes").is(':checked')) {
    // do something
}

Example

edited Feb 24 '15 at 19:48

answered Feb 24 '15 at 19:42

Oleksandr T.

76,493
17
173
144

score 1 · Answer 2 · answered Feb 24 '15 at 19:42

1

I assume your radio buttons have a name property, so simply do:

var isChecked = $("[name='RADIONAMEHERE']:checked").length > 0

answered Feb 24 '15 at 19:42

tymeJV

103,943
14
161
157

they don't have a name property, can I just use id? – Kala J Feb 24 '15 at 19:45
@KalaJ -- Ehh.. then they aren't proper radio buttons. Can you select more than one at a time? – tymeJV Feb 24 '15 at 19:46
Provide same name to two radio buttons so that they becomes a group – Nadeemmnn Mohd Feb 24 '15 at 19:48
opps sorry, you're right. They have a name. Thank you! – Kala J Feb 24 '15 at 19:51

How can I check if none of the radio buttons are checked?

2 Answers2