jQuery单选多选

$("#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">