は、入力のためのクリックイベントを作成するHTMLコントロール

Question

の特定のタイプを処理するためにjQueryを使用する方法は簡単です

$('input').click(function() { 
       alert('adsf'); 
     }); 

しかし、以前のコードでは、唯一のタイプのチェックボックスをオンまたはタイプのボタンで動作するようにどのように私は、選択することができ一般的な '入力'セレクタを使用するのではなく、

Answer 1

:checkboxと:buttonのような組み込みのSelectorsを使用すると、これらの要素を簡単に見つけることができます。

$('input:checkbox').click(function() { 
    alert('checkbox'); 
}); 

$('input:button').click(function() { 
    alert('button'); 
}); 

中でも:radio、:submit、:text、および:inputセレクタ、jQueryのドキュメントのうちthis page

Answer 2

チェックもあります。

Answer 3

$('input[type=checkbox]').click(function(){}); 
$('input[type=button]').click(function(){}); 
//or 
$('input:checkbox').click(function(){}); 
$('input:button').click(function(){}); 
//or combined, this is probably the best solution in your case 
$('input:button, input:checkbox').click(function(){}); 

2つのアプローチ。どちらを使うかは関係ありません。どちらもまったく同じです。可能であれば、両方のセレクタを一緒に使用するのが最善の方法だと思います。