jQuery全选取消全选

声明一下，这篇文章有一部分是抄袭别人的，原文在https://blog.csdn.net/cristina_song/article/details/77406331
html:

    

    

        

        
发车时间
        
线路名称
        
手机号码
        
乘车站点
        
目标站点
    
    
    

    

        

            
        
        
2018-08-19 12:00
        
白云山8
        
13011112222
        
白云山
        
白云山丁
    


    全选
    
    

jQuery:

/**
 * 全选按钮
 */
$("#selectAll").on("click",function(){
    var flag = $(this).is(":checked");
    $("input[type=checkbox]").each(function () {
        $(this).prop("checked", flag);
    });
});
/**
 * 取消全选
 */
$("input[name=sub]").on("click",function(){
    var flag = true;
    for (var i = 0; i < $("input[name=sub]").length; i++) {
        if (!$($("input[name=sub]")[i]).is(":checked")) {
            flag = false;
            break;
        }
    }
    $("#selectAll").prop("checked", flag);
});

 

/**
 * 取消全选
 */
$("input[name=sub]").on("click",function(){
    var flag = true;
    for (var i = 0; i < $("input[name=sub]").length; i++) {
        if (!$("input[name=sub]").eq(i).is(":checked")) {
            flag = false;
            break;
        }
    }
    $("#selectAll").prop("checked", flag);
});

这两个取消全选的效果是一样的