Datatables 1.10 “Check all” via jquery

前端 未结 4 672
予麋鹿
予麋鹿 2021-01-02 09:36

I know this might seem primitive, but I\'ve been trying to implement it for a whole day, maybe because I can\'t fully comprehend how to use the API, I\'m using DataTables 1.

相关标签:
4条回答
  • 2021-01-02 09:41

    It really isn't that hard, but without seeing your markup I can only provide a generic example -

    $('input[value="Check All"]').click(function() { // a button with Check All as its value
        $(':checkbox').prop('checked', true); // all checkboxes, you can narrow with a better selector
    });
    
    0 讨论(0)
  • 2021-01-02 09:43

    This should work for you

    var table = $('#numbers_table').DataTable();
    
        $('#checkall').click(function () {
            $(':checkbox', table.rows().nodes()).prop('checked', this.checked);
        });
    
    0 讨论(0)
  • 2021-01-02 09:45

    if does not work try using api() keyword:

    $('#YourCheckBoxId').on('click', function () {
        var rows = YourDatatableVariable.api().rows({ 'search': 'applied' }).nodes();
        $('input[type="checkbox"]', rows).prop('checked', this.checked);
    });
    
    0 讨论(0)
  • 2021-01-02 09:57

    Try this code:

    var table = $('#numbers_table').DataTable();
    
    var cells = table
        .cells( ":checkbox" )
        .nodes();
    
    $( cells ).prop('checked', true);
    

    Source.

    0 讨论(0)
提交回复
热议问题