Select All checkboxes using jQuery

Question

I have the following html code:

Answer 1

Here is a simple way to do this :

Html :

Selectall

checkbox1

checkbox2

checkbox3

jquery :

$(document).ready(function(){
$("#selectall").click(function(){
        if(this.checked){
            $('.checkboxall').each(function(){
                $(".checkboxall").prop('checked', true);
            })
        }else{
            $('.checkboxall').each(function(){
                $(".checkboxall").prop('checked', false);
            })
        }
    });
});