checkbox 全选和取消全选

//全选、取消全选的事件
$('#selectAll')[0].onclick = function(){
    if ($("#selectAll").prop("checked")) {
        $("[name='order-select']").prop("checked", true);
    } else {
        $("[name='order-select']").prop("checked", false);
    }
}
$("[name='order-select']").each(function(i, el) {
    el.onclick = function(){
    //当没有选中某个子复选框时,SelectAll取消选中
        if (!$(el).prop("checked")) {
            $("#selectAll").prop("checked", false);
        }
        var chsub = $("input[type='checkbox'][name='order-select']").length; //获取subcheck的个数
        var checkedsub = $("input[type='checkbox'][name='order-select']:checked").length; //获取选中的subcheck的个数
        if (checkedsub == chsub) {
            $("#selectAll").prop("checked", true);
        }
    }
});

你可能感兴趣的:(JavaScript)