DataTable复选框出现hasOwnProperty错误，请求代码修复帮助

嘿，这个hasOwnProperty的错误我之前也碰到过！大概率是你遍历选中数据的方式没用到DataTables Checkboxes插件提供的正确API，导致触发了原型链属性的检查警告。别担心，咱们一步步来修复：

首先，先确认你的DataTables是正确初始化并启用了checkboxes插件的，然后改用插件自带的方法来获取和遍历选中数据，就能避开这个错误。我把修正后的代码结合你提供的模态框逻辑整理好了：

$(document).ready(function() {
  // 第一步：正确初始化带复选框的DataTables
  var transactionTable = $('#transactions-table').DataTable({
    columnDefs: [
      {
        targets: 0, // 把这个改成你复选框所在的列索引（从0开始计数）
        checkboxes: {
          selectRow: true // 选中复选框时自动选中整行
        }
      }
    ],
    select: {
      style: 'multi' // 开启多选模式
    }
  });

  // 你的模态框显示逻辑
  $('#transactionsModal').on('show.bs.modal', function (event) {
    var button = $(event.relatedTarget);
    var id = button.data('id');
    var modal = $(this);

    // 填充模态框里的ID数据（补全你之前没写完的代码）
    modal.find('.modal-body p#data-id').text(id);

    // 第二步：正确监听选中/取消选中事件，避免hasOwnProperty错误
    transactionTable.on('select deselect', function() {
      // 用DataTables API获取所有选中行的数据
      var selectedRows = transactionTable.rows({ selected: true }).data();

      // 用API提供的each方法安全遍历数据，不会触发原型链属性警告
      console.log('当前选中的数据：');
      selectedRows.each(function(rowData) {
        console.log(rowData);
      });

      // 如果需要提取特定字段（比如ID），可以这么做
      var selectedIds = [];
      selectedRows.each(function(row) {
        selectedIds.push(row.transactionId); // 替换成你数据里的实际ID字段名
      });
      console.log('选中的ID列表：', selectedIds);
    });
  });
});

错误原因说明 #

之前的错误基本是因为你可能用了for...in之类的循环去遍历插件返回的对象，而这个对象继承了Object原型上的hasOwnProperty等属性，浏览器在严格模式下或者某些检查机制会抛出警告/错误。而用DataTables API的rows().data().each()方法，它内部已经处理了遍历逻辑，只会遍历实际的行数据，不会碰原型链上的属性，自然就不会有这个问题了。

额外注意事项 #

• 确保你的复选框列在初始化时配置正确，targets要对应列的实际索引
• 如果模态框会多次打开，建议在模态框hide.bs.modal事件里解绑select/deselect事件，避免重复绑定导致逻辑混乱

内容的提问来源于stack exchange，提问作者Galang ArbiS