小编Kon*_*ras的帖子

数据表倒排操作中的全选复选框

这是我为 K12 学校创建的一个开源项目。请参阅以下内容:

http://users.sch.gr/chertour/projectsms/sms_list_ajax_demo.html

你会找到:

  1. 获取并嵌入到数据表中的服务器端数据
  2. jQuery DataTables Checkboxes插件,用于在 jQuery DataTables 中使用复选框。

JS代码:

$(document).ready(function() {
    var table = $('#students').DataTable({
        "processing": true,
        "serverSide": true,
        "ajax": 'students_list_db_sms_send.php',

        responsive: {
            details: {
                type: 'column',
                target: 'tr'
            }
        },
        'columnDefs': [{
            targets: 0,
            "checkboxes": {
                "selectRow": true
            }
        },
            {
                targets: 1,
                className: 'details-control',
                "orderable": false,
                "data": null,
                "defaultContent": ''
            }
        ],
        'select': {
            'style': 'multi'
        },
        'order': [
            [2, 'asc']
        ]
    });

    $('#students tbody').on('click', 'input[type="checkbox"]', function() {
        var tr            = $(this).closest('tr');
        var …
Run Code Online (Sandbox Code Playgroud)

checkbox jquery datatables

5
推荐指数
1
解决办法
6327
查看次数

标签 统计

checkbox ×1

datatables ×1

jquery ×1