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.

Solution 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'); });
});

Solution 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

Solution 3

As you can see here your code works well... http://jsfiddle.net/U47Vj/ Maybe your Browser does not support this HTML5 Feature. In Chrome everything is fine. Same code in FF 3.6 breaks.

Solution 4

i think your problem is the ":" before input.

try:

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

View more solutions