Я использую библиотеку DataTable. На каждой странице я показываю всего 10 строк. У меня 10 записей (строк). У меня есть одна кнопка флажка. Если я нажимаю кнопку «галочка», она должна выбрать первую страницу из 10 строк. Затем я go на вторую страницу и нажимаю кнопку «проверить». Он должен выбрать 2-ю страницу из 10 строк.
Всего нужно проверить 20 строк. Однако мой код не работает, как это. Может кто-нибудь сказать мне, что здесь не так?
<th><button type="button" id="selectAll"> <span class="selectAllChk">Select All</span> </button></th>
var baseURL = '<?php echo $this->config->item('base_url'); ?>';
$(document).ready(function() {
var allComments = $('#comment-table').DataTable( {
"bStateSave": true,
"processing": true,
"serverSide": true,
"searching": false,
"ordering": false,
"ajax": {
"url": baseURL+"Comments/ajaxHandler",
"type": "POST",
"data": function(d) {
d.method='getAllComments';
$.extend(d, generateField($('#comment-table')));
}
},
"columns": [
{ "data": 'comment' },
{ "data": 'username' },
// { "data": 'status' },
{ "data": 'assignedTo' },
//{ "data": 'userCategory' },
{ "data": 'orgName' },
{ "data": 'commentDate' },
{ "data": 'lastUpdateOn' },
{ "data": 'commentCount' },
{
"data": "actions",
"orderable":false
}
],
"order": [[1, 'asc']]
});
$('#select-all').on('click', function(e) {
e.preventDefault();
$(".sub_chk").prop('checked', $(this).is(':checked'));
});
});
Я пробовал, как показано ниже код
$(document).ready(function () {
$('body').on('click', '#selectAll', function () {
if ($(this).hasClass('allChecked')) {
$('input[type="checkbox"]', '#example').prop('checked', false);
} else {
$('input[type="checkbox"]', '#example').prop('checked', true);
}
$(this).toggleClass('allChecked');
})
});