HTML

<input type="checkbox" class="checkbox" id="checkBoxAll">
<input type="checkbox" class="checkbox">
<input type="checkbox" class="checkbox">
<input type="checkbox" class="checkbox">

<!--javascript-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

JAVASCRIPT

$(document).ready(function(){
    var flag = true;
    var checkbox= $('.checkbox');

    $('#checkBoxAll').click(function(){
        if(flag){
            checkbox.prop({
                'checked': true
            });
            flag = false;
        }else{
            checkbox.prop({
                'checked': false
            });
            flag = true;
        }
    });
});