jquery实现复选框打勾全选,其中一个子复选框不勾中,则不全选。所有子复选框全勾中则又全选。

Posted 凡夫俗子_

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery实现复选框打勾全选,其中一个子复选框不勾中,则不全选。所有子复选框全勾中则又全选。相关的知识,希望对你有一定的参考价值。

jquery实现复选框打勾全选,其中一个子复选框不勾中,则不全选。所有子复选框全勾中则又全选。

$('#allSelect').click(function() 
    if($(this).attr('checked'))
        $("input[name='videoId']").attr("checked","true"); 
    else
        $("input[name='videoId']").removeAttr("checked"); 
    
);
$("input[name='videoId']").change(function()
    if($("input[name='videoId']").not("input:checked").size() <= 0)
        //如果其它的复选框全部被勾选了,那么全选勾中
        $('#allSelect').attr('checked',true);
    else        
        $('#allSelect').attr('checked',false);
    
);

以上是关于jquery实现复选框打勾全选,其中一个子复选框不勾中,则不全选。所有子复选框全勾中则又全选。的主要内容,如果未能解决你的问题,请参考以下文章

jQuery实现全选框选中时选中所有复选框,取消其中一个就会取消全选框,全部选中则选中全选所在的复选框

jquery 复选框全选与取消选中

如何用jQuery实现checkbox全选

js 全选选框与取消全选代码

jQuery实现全选效果

jQuery实现全选效果