button - 有没有办法只有在所有 5 个框都被选中时才启用按钮？

Question

目前，您只需选中一个复选框即可激活按钮。我想这样做，所以需要检查 3 个复选标记才能激活。

http://jsfiddle.net/chriscoyier/BPhZe/76/

var checkboxes = $("input[type='checkbox']"),
    submitButt = $("input[type='submit']");

checkboxes.click(function() {
    submitButt.attr("disabled", !checkboxes.is(":checked"));
});

Answer 1

干得好。如果未选中第三个，它甚至会禁用。

这是工作小提琴：http: //jsfiddle.net/BPhZe/471/

var checkboxes = $("input[type='checkbox']"),
    submitButt = $("input[type='submit']");

checkboxes.click(function() {
    if ($(":checkbox:checked").length >= 3){
    submitButt.attr("disabled", false);
    }
    else{
    submitButt.attr("disabled", true);
    }

});

Answer 2

干得好！问题是你应该使用 ":not()" 选择器。

http://jsfiddle.net/douglasloyo/BPhZe/470/

    var checkboxes = $("input[type='checkbox']"),
        submitButt = $("input[type='submit']");

    checkboxes.click(function() {
        submitButt.attr("disabled", checkboxes.is(":not(:checked")));
    });

Answer 3

您可以使用以下方法计算设置了多少个复选框：

var numChecked = $("input[type='checkbox']:checked").length;

这是一个小提琴： http: //jsfiddle.net/9whF5/如果您希望至少选中三个框，请更改条件。照原样，小提琴需要检查三个框。