带有复选框、数据和操作按钮的表格。 - 根据选择禁用和启用按钮 - JQuery答案

【问题标题】：Table with Check boxes, Data and Action Buttons. - Disable and Enable buttons based on Selection - JQuery带有复选框、数据和操作按钮的表格。 - 根据选择禁用和启用按钮 - JQuery
【发布时间】：2018-03-26 20:23:55
【问题描述】：

我有一个用 ASP.NET MVC5 编写的应用程序，我有一个表，它由复选框、文本和操作按钮组成，因此表中的每个项目都有自己的操作按钮，称为 .table-btn。我想拥有它，这样如果我选择了多个复选框，那么整个操作按钮列都会给定一个 .table-btn 禁用类。然后启用第二个名为#second-verify-btn 的按钮。

到目前为止，我的工作正常，如果我选择超过 2 个复选框，#second-verify-btn 就会启用。

$('#second-verify-btn').prop('disabled', true);
    $(".individual").on("click", function () {
        if ($(".individual:checked").length > 1) {
            $('#second-verify-btn').prop('disabled', false);
        }
        else {
            $('#second-verify-btn').prop('disabled', true);
        }
    });

【问题讨论】：

据我了解，您无法禁用操作按钮。因此，首先，任何元素的id 都应该是唯一的，因此您应该为您的按钮提供一个类，而不是为所有元素提供一个通用的id，然后禁用它们。如果多个元素具有相同的id，则将考虑第一个结果。
好的，我已经为表格列中的按钮添加了一个类。
现在是否按预期工作？
它按预期工作，但是，您知道我如何使用 AJAX 回调加载它吗？

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

【解决方案1】：

尝试使用 id 的类。

试试：

$(".individual").on("click", function () {
    if ($(".individual:checked").length > 1) {
       $(this).closest('.second-verify-btn').prop('disabled', false);
    }
    else {
        $(this).closest('.second-verify-btn').prop('disabled', true);
    }
});

【讨论】：

【解决方案2】：

让它与以下代码一起工作：

$('.table-btn').prop('disabled', false);
        $(".individual").on("click", function () {
            if ($(".individual:checked").length > 1) {
                $('.table-btn').prop('disabled', true);
            }
            else {
                $('.table-btn').prop('disabled', false);
            }
        });

【讨论】：