通过jQuery选择数字类型的输入

时间:2011-02-03 14:04:10

标签: jquery-selectors types numbers html html-input

如何在jQuery中选择数字类型的所有输入?

以下代码不起作用:

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

感谢。

4 个答案:

答案 0 :(得分:22)

你的选择器是正确的。使用attribute-equals-selector(docs),它将选择具有该类型的输入元素。

在运行DOM之前,您需要确保已加载DOM。

示例: http://jsfiddle.net/H2aQr/

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

答案 1 :(得分:1)

我认为在输入之前你的问题是“:”。

尝试:

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

答案 2 :(得分:1)

正如您在此处所看到的,您的代码效果很好...... http://jsfiddle.net/U47Vj/也许您的浏览器不支持此HTML5 Feature。在Chrome中一切都很好。 FF 3.6中的相同代码中断。

答案 3 :(得分:1)

开头不需要冒号,用于选择输入类型,例如$('input:text')

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

工作得很好