Deselecting datatables hidden checkbox

Question

I think I have a simple problem here but my jquery is somewhat limited.

I'm using this script to check all the checkboxes in my table rows which are handled by datatables (including the hidden ones from deferred rendering)

It's working for the checking portion, but the unchecking is not working when I want to deselect the boxes. How can I tweak what I have to to uncheck the boxes correctly?

Heres my code:

$('#selectall').on('click', function() {  //on click 
        if(this.checked) { // check select status
            var cells = dTable.cells( ).nodes();
            $( cells ).find(':checkbox').prop('checked', $(this).is(':checked')); 
        } else {
            var cells = dTable.cells( ).nodes();
            $( cells ).find(':checkbox').prop('checked', $(this).is(':not(:checked)')); 
        }
    });

Thanks in advance

drs9222 · Accepted Answer · 2015-04-18 03:45:45Z

1

I'm partial to this version myself:

$('#selectall').on('click', function() {  //on click 
    var cells = dTable.cells( ).nodes();
    $( cells ).find(':checkbox').prop('checked',this.checked);         
});

answered Apr 18, 2015 at 3:45

drs9222

4,5183 gold badges35 silver badges42 bronze badges

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

4 Comments

Habitat Over a year ago

For minimization sake I'd like to use this, but does it uncheck when the selectall is unchecked?

You Old Fool Over a year ago

that's definitely better. I wanted to illustrate the problem with his code but this way is much preferred :-)

Habitat Over a year ago

I went ahead and marked you as correct, thanks for the help @billynoah yours also worked and helped me understand what I was doing wrong. Thanks to both of you. Wish I could mark you both correct.

You Old Fool Over a year ago

@Habitat - this second argument of prop() sets the value. If $('#selectall') is not checked then this.checked evaluates to false which would mean the property would be changed to not checked. so.. yes, it should work.

You Old Fool · Accepted Answer · 2015-04-18 03:59:08Z

1

Looks to me like your uncheck code evaluates to true.. which means it would be checking them. Try this instead:

$('#selectall').on('click', function() {  //on click 
    if (this.checked) { // check select status
        var cells = dTable.cells( ).nodes();
        $( cells ).find(':checkbox').prop('checked',true); 
    } else {
        var cells = dTable.cells( ).nodes();
        $( cells ).find(':checkbox').prop('checked',false); 
    }
});

edited Apr 18, 2015 at 3:59

answered Apr 18, 2015 at 3:44

You Old Fool

23.2k14 gold badges92 silver badges118 bronze badges

Collectives™ on Stack Overflow

Deselecting datatables hidden checkbox

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related