Javascript 在jquery中选择id内的元素

Javascript 在jquery中选择id内的元素,javascript,jquery,Javascript,Jquery,我在jQueryDataTable中有一个复选框,它是用下面的代码动态创建的 $('#SettingsDatatable').dataTable({ "order": [], "dom": "Bfrtip", "buttons": ["copy", "csv", "excel", "pdf", "print"], "columnDefs": [{ "targets": 0, "render": function (data, type, full, meta) { return

我在jQueryDataTable中有一个复选框,它是用下面的代码动态创建的

$('#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;
});
试试这个

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

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


控制台中有错误吗?可能是您的复选框侦听器在呈现复选框之前运行。当您尝试将单击处理程序附加到DOM上时,该复选框似乎还没有出现在DOM上。将处理程序附加到层次结构(例如:
文档
)上绑定时存在的元素,并指定
#setingsdatatable input[type=“checkbox”]
作为(…)上
.on的第二个参数
单击复选框时是否要将其选中?@ShakirAhamed我不希望在单击复选框时取消选中复选框。控制台中应该有任何错误?可能是您的复选框侦听器在呈现复选框之前运行。当您尝试将单击处理程序附加到DOM上时,该复选框似乎还没有出现在DOM上。将处理程序附加到层次结构(例如:
文档
)上绑定时存在的元素,并指定
#setingsdatatable input[type=“checkbox”]
作为(…)上
.on的第二个参数
单击复选框时是否要将其选中?@ShakirAhamed我不希望在单击复选框时取消选中复选框。它应该是冻结给我语法错误我已经用你的代码更新了我的帖子。问题是我的活动并没有被阻止。复选框仍处于选中状态,可以取消选中。如何停止?要阻止哪个事件?复选框单击类似此小提琴的事件使用
check
而不是
click
$(“#设置数据”)('check'…
它给我的语法错误我已经用你的代码更新了我的帖子。问题是我的事件没有被阻止。复选框仍然可以被选中。如何停止?你想阻止哪个事件?复选框单击像这样的事件使用
检查
而不是
单击
$('settingsDataable')).on('check'…。