在jquery中选择id内的元素

Question

我在jquery数据表中有一个复选框，它是使用下面的代码动态创建的。

$('#SettingsDatatable').dataTable({
"order": [],
"dom": "Bfrtip",
"buttons": ["copy", "csv", "excel", "pdf", "print"],
"columnDefs": [{
   "targets": 0,
   "render": function (data, type, full, meta) {
   return '<input type="checkbox" ' + (data == 'True' ? 'checked' : '') + ' /> &nbsp;&nbsp;&nbsp;  <a href="#" data-toggle="modal" data-target="#" title="Edit"><i class="glyphicon glyphicon-pencil"></i></a>';

 }}

现在我想用下面的代码选中这个复选框。

 $('#SettingsDatatable input[type="checkbox"]').on('click', function (event) {
                alert("Hello in");
});

但它没有被选中。

更新

$('#SettingsDatatable').on('click', 'input[type="checkbox"]', function (event) { 
     event.preventDefault();
     event.stopPropagation();

     return false;
});

Answer 1

试试这个

$('#SettingsDatatable').on('click','input[type="checkbox"]', function (event) {
                alert("Hello in");
});