は、HTML文字列

Question

の要素のイベントをクリックしてキャッチすることはできません私は簡単に以下に示すように、チェックボックスのイベントをクリックしてキャッチすることができます。一方

<input type="checkbox" id="checkbox1" /> 

$('#checkbox1').change(function() { 
    if (this.checked) { 
     //Do stuff 
    } 
}); 

を、私はjQueryのDataTableの（AJAXのコールバックにあるチェックボックスを作成します）HTMLなどと同じ要素のイベントをクリックしcatchedすることはできません。

//... 
"ajaxSource": "/Student/GetStudents", 
"fnServerData": function (sSource, aoData, fnCallback) { 
    aoData.push({ "name": "all", "value": all }); 
    $.getJSON(sSource, aoData, function (json) { 
     fnCallback(json); 
     $("div.toolbar").html('<input type="checkbox" id="checkbox1" /> Get all records'); 
    }); 
}, 

HTML文字列のチェックボックスの値を取得するための最も適切な方法は何ですか？

Answer 1

変更イベントリスナーは、現在存在するすべてのDOM要素に作成されるため、新しいチェックボックスを追加すると、変更メソッドは登録されません。コードをこれに変更します。

$(document).on('change','#checkbox1',function() { 
    //stuff 
});