jquery - 复选框单击时的 Jquery 和 Datatables 调用函数不起作用
问题描述
我有以下数据表脚本工作。单击复选框时,我需要另一个脚本功能来激活。这不起作用,有谁知道我做错了什么?我检查了控制台,没有发送任何帖子,也没有错误日志。
数据表脚本
<script type="text/javascript">
var checkCol = 4; //checkbox column
$(document).ready(function () {
$('#accountTable').dataTable({
rowId: 'id',
"processing": true,
select: true,
"ajax": "selectdatatable_allacc.php",
"columns": [
{
data: 'name'
},
{
data: 'email'
},
{
data: 'password'
},
{
data: 'rang'
},
{
data: 'do_lead'
},
{
data: 'notes',
render: function (data, type, row, meta) {
return '<font color=' + row.cat_color + '>' + data + '</font>';
}
},
{
'data': null,
title: 'Dead',
wrap: true,
"render": function (item) {
return '<input type="submit" value="Dead" style="width:57px !important;" class="example_e" onClick="mobreset(' +
item.id + ') "/>'
}
},
{
'data': null,
title: 'Login',
wrap: true,
"render": function (item) {
return '<input type="submit" value="Login" style="width:57px !important;" class="example_e" onClick="mobLogin(' +
item.id + ') "/>'
}
},
{
'data': null,
title: 'Action 2',
wrap: true,
"render": function (item) {
return '<input type="button" value=" Edit " id= ' + item.id +
' style="width:57px !important;" class="example_c edit_data" />'
}
},
],
columnDefs: [{
targets: [checkCol],
render: function (data, type, row) {
if (type ===
'display') { //if column data is 1 then set attr to checked, use row id as input id (plus prefix)
return '<input type="checkbox" ' + ((data == 1) ? 'checked' : '') +
' value="' + row.id + '" class="active" />';
}
return data;
},
className: "dt-body-center"
},
{
targets: 0,
className: "dt-body-center"
},
],
select: {
style: 'os',
selector: 'td:not(:nth-child(2))'
},
});
});
</script>
选中或取消选中复选框时调用的脚本
<script type="text/javascript">
$(document).ready(function () {
$("input.active").click(function () {
// store the values from the form checkbox, then send via ajax below
var check_active = $(this).is(':checked') ? 1 : 0;
var check_id = $(this).attr('value');
$.ajax({
type: "POST",
url: "dolead.php",
data: {
id: check_id,
active: check_active
},
});
return true;
});
});
</script>
解决方案
您可以尝试使用 jqueryon
函数来完成这项工作
<script type="text/javascript">
$(document).ready(function () {
$("#accountTable").on("click", "input.active", function () { // notice the on function
// store the values from the form checkbox, then send via ajax below
console.log("checkbox clicked"); // to check if the event is working
var check_active = $(this).is(':checked') ? 1 : 0;
var check_id = $(this).attr('value');
$.ajax({
type: "POST",
url: "dolead.php",
data: {
id: check_id,
active: check_active
},
});
return true;
});
});
</script>
推荐阅读
- maven - maven maven-assembly-plugin:定义文件顺序
- c++ - 在两个范围内按降序对向量进行排序
- java - 可以用不同的jdk配置wildfly 10应用服务器吗?
- python - 如何将标量值与 Numba (Python) 中的数组进行比较?
- python - Jupyter notebook 找不到我的 ssl 证书文件,除非我以 sudo 身份运行
- ios - 在iOS上卸载抵抗存储短字符串的地方?
- angular - 接收数据更新后强制 MatSnackBar 更新 UI
- swift - Apple 的 Xcode 开发教程:“Thread 1: Fatal error: The dequeued cell is not an instance of MealTableViewCell.”
- javascript - 来自另一个组件的(react-native)函数不会返回我的值
- python-3.x - 无效语法:facebook-sdk