JQuery根据选中的复选框隐藏和显示文本

Question

我有一个作为部分加载的表，我有一个ajax回调，在选择分页或显示项目数量时加载表。我想隐藏文本，直到选中复选框。然后显示有计数的文本，以及表中的记录总数。第二部分是我有一个链接，当按下该链接时，您可以选择表中的所有项目。

我需要一些帮助，我的一些 Jquery：

 $(".individual").on("change", check);

        function check() {
            $(".records-selected").hide();
            $("#selected").text($(".individual:checked").length);
            $("#total").text($(".individual").length);
        }
        check();

文字：

<li><p class="records-selected"><span id="selected"></span> of <span id="total"></span> records selected</li>
            <li><a href="#" class="number-records">Select All 29 Records</a></li>

每个复选框都有一个individual类，全选有一个selectall

类

如果选中了一个复选框，我还需要禁用一个名为 .btn2 的按钮。然后，如果选中多个复选框，则启用 .btn1 并禁用 .btn2。

你知道最好的方法吗？

Answer 1

// Checks individual checkboxes and displays the count
    $(".individual").on("change", check);

    function check() {
        if ($(".individual:checked").length > 0) {
            $(".records-selected").show();
            $("#selected").text($(".individual:checked").length);
            $("#total").text($(".individual").length);
        }
        else {
            $(".records-selected").hide();
        }
    }
    check();