JQuery隐藏和显示基于Checkbox Selected的文本

时间:2018-03-23 11:33:50

标签: javascript jquery asp.net-mvc asp.net-mvc-5

我有一个作为部分加载的表,当选择了分页或显示项目数时,我有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>

每个复选框都有一个个人类,而select all都有一个 selectall

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

有关最佳方法的任何想法吗?

1 个答案:

答案 0 :(得分:0)

// 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();