2011-02-03 16 views
10

jQueryで番号タイプのすべての入力を選択するにはどうすればよいですか?jQueryで番号タイプの入力を選択

次のコードは動作しません:

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

感謝を。

+1

のコード例$('input[type="number"]').click(function() { alert('hello'); });

作品?それは私が見ることができる限りで動作するはずです –

答えて

19

セレクタが正しい。 attribute-equals-selector(docs)を使用すると、そのタイプの入力要素が選択されます。

実行する前にDOMがロードされていることを確認する必要があります。

例: ":" の前に入力http://jsfiddle.net/H2aQr/

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

'onclick'は矢印をクリックすると起動しません。 –

+0

@Josh、この例では意味しますか?わたしにはできる。どのブラウザを使用していますか? – user113716

+0

また、IEサポート用の ':input'からコロンを削除する必要があります。 –

0

は、私はあなたの問題があると思います。

試してみてください。

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

これは有効なセレクタ(コロン付き)です。 [input-selector](http://api.jquery.com/input-selector) – user113716

+0

と呼ばれていますが、 ':'は汎用セレクタの暗黙的な使用のために悪い習慣ですが、ここで問題にはなりません。 – jAndy

+0

私のファイアフォックスは「:」なしでのみ動作します。たぶん問題があるかもしれない。 – Fender

1

あなたのコードがうまく機能し、ここで見ることができるように... http://jsfiddle.net/U47Vj/たぶんあなたのブラウザはこのHTML5 Featureをサポートしていません。 Chromeではすべてが問題ありません。 FF 3.6の同じコードが改行されます。

0

あなたはそれは$のように、入力の種類を選択するためだ、先頭のコロンは必要ありません(「入力:テキスト」)

そううまく

関連する問題