Using select all script for filtered table

Question

I am using this (file here) script and i am using check all script in first row for my checkboxes. But first when I filtered for a column, this script selected checkboxes at hidden rows, too.

$(document).ready(function(){
$('#select_all').on('click',function(){
    if(this.checked){
        $('.checkbox').each(function(){
            this.checked = true;
        });
    }else{
         $('.checkbox').each(function(){
            this.checked = false;
        });
    }
});

$('.checkbox').on('click',function(){
    if($('.checkbox:checked').length == $('.checkbox').length){
        $('#select_all').prop('checked',true);
    }else{
        $('#select_all').prop('checked',false);
    }
});
});

Thanks for your helps.

can you share the relevant html code as well?

Sushil
– Sushil

2015-09-29 22:50:17 +00:00
Commented Sep 29, 2015 at 22:50 — Sushil
– Sushil, Commented Sep 29, 2015 at 22:50
Try $('.checkbox:visible')

Malk
– Malk

2015-09-29 22:59:36 +00:00
Commented Sep 29, 2015 at 22:59 — Malk
– Malk, Commented Sep 29, 2015 at 22:59
@Malk, this works perfectly. Thanks...

zokanzi
– zokanzi

2015-09-29 23:05:41 +00:00
Commented Sep 29, 2015 at 23:05 — zokanzi
– zokanzi, Commented Sep 29, 2015 at 23:05

Malk · Accepted Answer · 2015-09-29 23:09:54Z

1

Use the jQuery :visible selector to leave out the checkboxes that have been filtered. https://api.jquery.com/visible-selector/

$('#select_all').on('click',function(){
    var doCheck = this.checked;
    $('.checkbox:visible').each(function(){
         this.checked = doCheck;
    });
});

answered Sep 29, 2015 at 23:09

Malk

12k4 gold badges35 silver badges34 bronze badges

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

Comments

zokanzi · Accepted Answer · 2015-09-29 23:12:46Z

0

Yeah. My new codes:

$(document).ready(function(){
$('#select_all').on('click',function(){
    if(this.checked){
        $('.checkbox:visible').each(function(){
            this.checked = true;
        });
    }else{
         $('.checkbox:visible').each(function(){
            this.checked = false;
        });
    }
});

$('.checkbox:visible').on('click',function(){
    if($('.checkbox:checked').length == $('.checkbox:visible').length){
        $('#select_all').prop('checked',true);
    }else{
        $('#select_all').prop('checked',false);
    }
});
});

Thanks everybody...

answered Sep 29, 2015 at 23:12

zokanzi

1173 silver badges15 bronze badges

Collectives™ on Stack Overflow

Using select all script for filtered table

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related