- datatablesで、ページを跨いでチェックボックスを操作する処理。
- サーバー側ではなく画面側でページングしている場合。
var table=null;
table = $("#result-table").DataTable({
〜〜
drawCallback: addCheckEvent
});
var addCheckEvent = function () {
var checkboxs = table.$('.check_line')
$(document).on('change', '#check_all', function(){
for (var i = 0; i < checkboxs.length; i++) {
table.$('.check_line').prop('checked', $('#check_all).prop('checked'));
}
});
for (var checkbox of checkboxs) {
checkbox.onclick = function () {
for (var i = 0; i < checkboxs.length; i++) {
if (checkboxs[i].checked == false) {
$('#check_all'').prop('checked', false);
} else {
if (table.$('.check_line').filter(':checked').length == checkboxs.length) {
$('#check_all'').prop('checked', true);
}
}
}
};
};
}