jQuery复选框 [英] Jquery checkbox

问题描述

全部 一 二 三个

All One Two three

我的要求是

1. 选中所有"时，还应该选中一"，二"，三".
2. 当我取消全部选中时，还应该同时取消选中一，二，三
3. 当所有复选框选中并取消选中一个，两个，三个时，在这种情况下，应取消选中全部"复选框.
4. 选中/取消选中应该不切换

请帮助

推荐答案

$(function(){
    $("#all").click(function(){
        $("input:checkbox[name='checkGroup']").attr("checked",$(this).attr("checked"));
    });

    $("input:checkbox[name='checkGroup']:not('#all')").click ( function(){
        var totalCheckboxes = $("input:checkbox[name='checkGroup']:not('#all')").length;
        var checkedCheckboxes = $("input:checkbox[name='checkGroup']:not('#all'):checked").length;

        if ( totalCheckboxes === checkedCheckboxes )
        {
            $("#all").attr("checked" , true );
        }
        else
        {
            $("#all").attr("checked" , false );
        }
    });
});

演示

Demo

这篇关于jQuery复选框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！