js全选框的选中与取消

js全选框的选中与取消
导入jQuery.js
//javascript
//点击全选框
function selectAll(parentId, childrenId) {
//定义变量接收全选和单选的CheckBox
var parent = document.getElementById(parentId);
var children = document.getElementById(childrenId);
//如果全选框未选中，则循环取消所有的子框
if (parent.checked == false) {
for (var i = 0; i < children.length; i++) {
children[i].checked = false;
}
} else {
//否则选中所有的子框
for (var i = 0; i < children.length; i++) {
children[i].checked = true;
}
}
}

//点击子框时关联到的全选框情况
function cancelSelectAll() {
    var parent = document.getElementById("boxparent");
    //首先取消全选状态
    parent.checked = false;
    //如果所有子框被选中，则给全选框打钩
    if(($("input[type = checkbox]").length -1) == ($("input[type = checkbox]:checked").length))
    {
        parent.checked = true;
    }
}

//html部分

菜鸟阶段，还望各位大神多多指教