javascript - 单击复选框捕获 ID 和 Column_Check Value

Question

我使用 JQuery DataTables 来允许用户将商店设置为事件(选中)或非事件(未选中)。我需要一种捕获 ID(隐藏列)和检查值(选中或未选中)的方法。

我有这个函数，我认为可以做到这一点，但没有任何内容被写入控制台。

$('#tblAddRemoveStores').on('change', 'tbody input.editor-active', function () {
    var data = table.row( $(this).parents('tr') ).data();
    cb = $(this).prop('checked');
    console.log(data.id + ' ' + cb);
});

这是一个完整语法的代码笔，它说明了我所追求的内容。 https://codepen.io/chalupabatman/pen/VwwyaYv

Answer 1

试试这个:

$('#tblAddRemoveStores').on('change', 'tbody input.checkbox_checked', function () {

   if($(this).is(':checked')){
     console.log("checked");
   } else {
     console.log("unchecked");
   }  

  var id =  $(this).parent().parent().find("td:first").text();
  console.log(id);    
});

https://codepen.io/tshenolo/pen/abbEmzY

这不是最好的解决方案，但它可以帮助您入门。我希望这会有所帮助。