how to select all checkbox in Datatables

Question

I want to select all my checkbox

I have an input in header of datatables like this

  <th style="width: 25%" ><input type="checkbox" name="checkall" class="select-checkall" id="checkall" value=""></th>

i use it like this to checked it but only work in the page that iam

   $("#checkall").click(function(){
            $(':checkbox').prop('checked', true);                       
     });

check this fiddle http://jsfiddle.net/juxHn/46/

i try this but not working stackoverflow.com/questions/23637586/… check this fiddle jsfiddle.net/juxHn/2 — Mathias Stavrou
– Mathias Stavrou, Commented Nov 10, 2015 at 11:34

ghybs · Accepted Answer · 2015-11-10 11:56:43Z

5

jQuery will not be able to find checkboxes in other pages than the current one because DataTables somehow hides them (maybe removes them from DOM?)

Please refer to DataTables API to access your table cells irrespective of which ones are currently shown or not / of which page you are on.

In your case, you could do:

// Use "DataTable" with upper "D"
oTableStaticFlow = $('#flow-table').DataTable({
    "aoColumnDefs": [{
        'bSortable': false,
        'aTargets': [0]
    }],
});

$("#flowcheckall").click(function () {
    var cells = oTableStaticFlow.column(0).nodes(), // Cells from 1st column
        state = this.checked;

    for (var i = 0; i < cells.length; i += 1) {
        cells[i].querySelector("input[type='checkbox']").checked = state;
    }
});

Demo: http://jsfiddle.net/juxHn/47/

answered Nov 10, 2015 at 11:56

ghybs

54k6 gold badges90 silver badges117 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

vimal kumar Over a year ago

I found one issue in the above fiddle.

ghybs Over a year ago

@vimalkumar Feel free to comment your finding and/or provide your own solution / fixed fiddle.

Ebikeneser Over a year ago

Hooray! Well done saved me a lot of head scratching!

Collectives™ on Stack Overflow

how to select all checkbox in Datatables

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related