Question

我有一个用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);
        }
    });

Answer 1

尝试使用id。的类ins。

尝试：

$(".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);
    }
});

Answer 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);
            }
        });

带复选框，数据和操作按钮的表。 - 禁用和启用基于Selection的按钮--JQuery

2 个答案: