Select inputs with number type through jQuery

Question

How can I select all inputs with number type in jQuery?

The following code doesn't work:

$(':input[type="number"]').click(function () { 
   alert('hello'); 
});

Thanks.

Answer 1

Your selector is correct. Using the attribute-equals-selector^(docs), it will select input elements with that type.

You'll need to be sure the DOM is loaded before running it.

Example: http://jsfiddle.net/H2aQr/

$(function() {
    $(':input[type="number"]').click(function () { alert('hello'); });
});

Answer 2

You don't need the colon at the beginning, that's for selecting types of input, like $('input:text')

so $('input[type="number"]').click(function () { alert('hello'); });

works just fine