javascript - jQuery - 启用/禁用复选框状态后的按钮

Question

我正在使用 ASP.NET MVC 4 开发网络应用程序。我有一个包含提交按钮的页面，只有当我的两个复选框之一(或两个)启用时才应启用该按钮。问题是，我试图在下面的脚本中添加一个“或”运算符，但它没有给我想要的东西。所以，这是我的脚本:

The jQuery sample

这是我想改进的部分:

$(document).ready(function() {
    the_terms = $("#the-terms");
    the_terms2 = $("#the-terms2");

    the_terms.click(function() {
        if ($(this).is(":checked")){
            $("#submitBtn").removeAttr("disabled");
        } else {
            $("#submitBtn").attr("disabled", "disabled");
        }
    });
}); 

而且我无法找到一种方法来告诉我的文档“好吧，如果这两个复选框中的一个(或两个)被选中，我们可以按下按钮。如果没有，不允许它”。

有什么想法吗？

Answer 1

可以用:

Fiddle

$('.checkbox').change(function(){
    $('#submitBtn').prop('disabled', !$('.checkbox:checked').length > 0)
});

注意:

• 这会按类名 checkbox 查找复选框，因此它将使用两个复选框，而您的原始代码是通过其 ID 查看单个复选框。
• 使用 change 事件而不是 click。