how to check if input type is radio using jquery

Question

I want to handle html elements differently based on their type.

Using jquery, how do I check to see if an input type is a radio button?

I've tried:

if ($('#myElement').is(':radio')) {
    ....//code here
}

and

if ($('#myElement').is("input[type='radio']")) {
    ....//code here
}

Neither of these worked. Any ideas?

EDIT:

if ($('#myElement').is(':radio')) {
    ....//code here
}

works, but my radio buttons don't have the id attribute, they only have a name attribute, which is why it did not work.

I changed my code to:

if ($('input[name=' + myElement + ']').is(":radio")) {
    ....//code here
}

if you solved your own problem you should have posted it as an answer and chosen it. — zzzzBov
– zzzzBov, Commented Dec 16, 2010 at 18:26

user113716 · Accepted Answer · 2010-12-16 18:13:21Z

62

That should work as long as the elements are loaded.

// Ensure the DOM is ready
$(function() {
    if ($('#myElement').is(':radio')) {
        //code here
    }
});

If you're assigning handlers based on type, another approach would be to use .filter().

$(function() {
    var el = $('#myElement');
    el.filter(':radio').change(function() {
        //code here
    });

    el.filter(':checkbox').change(function() {
        // other code here
    });
});

If it doesn't pass the filter(), the handler won't be assigned.

edited Dec 16, 2010 at 18:13

answered Dec 16, 2010 at 18:08

user113716

323k64 gold badges454 silver badges441 bronze badges

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

1 Comment

will Over a year ago

Unfortunately is(':radio') returns true for a checkbox as well as a radio button, so might be best to .attr('type') =='radio' instead.

josliber · Accepted Answer · 2015-08-12 20:16:43Z

4

if($('#my-element').attr('type') == 'radio')

edited Aug 12, 2015 at 20:16

josliber

44.4k12 gold badges104 silver badges136 bronze badges

answered Aug 12, 2015 at 19:57

guest but not last

411 bronze badge

Comments

Mark Baijens · Accepted Answer · 2010-12-16 18:19:08Z

1

That should work you can try to use filter this way instead

if ($('#myElement').filter(':radio').size() > 0) {
    ....//code here
}
and

if ($('#myElement').filter("input[type='radio']").size() > 0) {
    ....//code here
}

Or

$('#myElement:radio').each(function() {
        ....//code here
});

Udate: Are you also sure that the id is unique in the page? If you want to select more as 1 element you can use a class instead.

edited Dec 16, 2010 at 18:19

answered Dec 16, 2010 at 18:08

Mark Baijens

13.3k11 gold badges51 silver badges77 bronze badges

Collectives™ on Stack Overflow

how to check if input type is radio using jquery

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related