html - jQueryを使用してページのチェックボックスでクリックイベントを検出する方法は?

Question

checkboxを使用して、ページ上のいずれかでクリック イベントが発生したことを検出するにはどうすればよいjQueryですか? また、ページの読み込み時に、チェックボックスが作成される/作成されない場合がありますが、リクエストに応じて作成できることにも注意してください。したがって、HTML DOM はそのように更新されます。

Answer 1

$(":checkbox").on("click", function(){

// your work

} );

バインドも参照

デリゲート

住む

参照オン

Answer 2

これを試して

$( document ).on( "click", "input[type='checkbox']", function() {
  alert( "check box clicked" );
});

Answer 3

$(":checkbox").on("click", function(){

// ALL YOUR STUFF

} )

Answer 4

次のように関数を作成するだけですcheckboxClick()-

function checkboxClick() {
    // ---
    // your code goes here
    // ...
}

すべてのチェックボックスに対して（動的に追加する場合でも）、次onclickのような 属性を追加します

<input type="checkbox" onclick="javascript:checkboxClick();" class="checkbox" />

注: JavaScript は既存の dom 要素に対して機能するため、 のようなことを行ってもjQuery(".checkbox").click(function() {...});、動的に追加された要素に対しては機能しません。