全选和不全选

<style>
    * {
        padding: 0;
        margin: 0;
    }

    .wrap {
        width: 300px;
        margin: 100px auto 0;
    }

    table {
        border-collapse: collapse;
        border-spacing: 0;
        border: 1px solid #c0c0c0;
        width: 300px;
    }

    th,
    td {
        border: 1px solid #d0d0d0;
        color: #404060;
        padding: 10px;
    }

    th {
        background-color: #09c;
        font: bold 16px "微软雅黑";
        color: #fff;
    }

    td {
        font: 14px "微软雅黑";
    }

    tbody tr {
        background-color: #f0f0f0;
    }

    tbody tr:hover {
        cursor: pointer;
        background-color: #fafafa;
    }
</style>

    </tbody>
</table>

	菜名	饭店
	红烧肉	我家小馆
	西红柿鸡蛋	我家小馆
	油炸榴莲	我家小馆
	清蒸龙虾	我家小馆

var input=myD("j_tb").getElementsByTagName("input");
var all=myD("j_cbAll");
//全选
all.onclick=function () {
    for(var i=0;i<input.length;i++){
      input[i].checked=this.checked;
    }
}

//不全选 分别给每一个tbody中的input注册点击事件
for(var j=0;j<input.length;j++){
input[j].οnclick=function () {
//假设默认都被选被中了
var flag=true;
//判断复选框是否被选中
for(var i=0;i<input.length;i++){
//不被选中，返回false 去非，得true 进入if循环
if(!input[i].checked){
flag=false;
break;
}
}
all.checked=flag;
}

}





var selectAll=myD("j_cbAll");
var selects=myD("j_tb").getElementsByTagName("input");
selectAll.onclick=function () {
    for(var i=0;i<selects.length;i++){
        selects[i].checked=selectAll.checked;
    }
}
for(var j=0;j<selects.length;j++){
    var f=true;
    for(var i=0;i<selects.length;i++){
        if(!selects[i]){
            f=false;
            break;
        }
    }
    selectAll.checked=f;

}