$("#ckn").click(function(){
$(".ck").prop('checked',$("#ckn").prop('checked'));
})
$(document).on('click','.ck',function(){
if($(".ck:checked").length != $(".ck").length){
$("#ckn").prop('checked','');
}else{
$("#ckn").prop('checked',true);
}
})
<input type="checkbox" id="ckn">
<input type="checkbox" name="product" class="ck">
<input type="checkbox" name="product" class="ck">
<input type="checkbox" name="product" class="ck">
<input type="checkbox" name="product" class="ck">
<input type="checkbox" name="product" class="ck">