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 } 

Answer 1

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.