js全选

// --列头全选框被单击---
function ChkAllClick(all){
    var arrSon = document.getElementsByName('chkSon');
    var checked = all.checked;
     for(i=0;i<arrSon.length;i++) {
        arrSon[i].checked = checked;
     }
}
// --子项复选框被单击---
function ChkSonClick(son) {
    if(!son.checked)
         $('chkAll').checked = null;
}


</script>

<input type="checkbox" οnclick="ChkAllClick(this)" id="chkAll" οnfοcus="this.blur();" />
                &nbsp;全选
               
                <input name="chkSon" type="checkbox" οnclick="ChkSonClick(this)"
                            value="1" οnfοcus="this.blur();" />1
                           
                            <input name="chkSon" type="checkbox" οnclick="ChkSonClick(this)"
                            value="2" οnfοcus="this.blur();" />2
                           
                            <input name="chkSon" type="checkbox" οnclick="ChkSonClick(this)"
                            value="3" οnfοcus="this.blur();" />3
                           
                            <input name="chkSon" type="checkbox" οnclick="ChkSonClick(this)"
                            value="4" οnfοcus="this.blur();" />4