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>

每個復選框有一個類的個體和選擇都有一類全選的

如果選中了一個復選框，我還需要禁用一個名為.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();