Javascript 在jquery中选择id内的元素
我在jQueryDataTable中有一个复选框,它是用下面的代码动态创建的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
$('#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' : '') + ' /> <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'…。