Установите флажок «Идентификатор захвата» и «Значение столбца».

Question

Я использую JQuery DataTables, чтобы позволить пользователю возможность устанавливать хранилища как Active (проверено) или inActive (не проверено). Мне нужен способ захвата идентификатора (скрытый столбец) и контрольного значения (проверено или не проверено).

У меня есть эта функция, которая, как я думал, будет делать, но ничего не пишется для консоли.

$('#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

Не лучшее решение, но оно поможет вам начать работу. Надеюсь, это поможет.