javascript - 限制表单中选中的复选框

Question

我有一个带有一组复选框的 HTML 表单，如何让用户只能选中固定数量的复选框

Answer 1

此示例将在检查每个输入后计算检查输入的数量，并与允许的最大数量进行比较。如果超过最大值，其余复选框将被禁用。

jQuery(function(){
    var max = 3;
    var checkboxes = $('input[type="checkbox"]');

    checkboxes.change(function(){
        var current = checkboxes.filter(':checked').length;
        checkboxes.filter(':not(:checked)').prop('disabled', current >= max);
    });
});

这是一个工作示例 - http://jsfiddle.net/jaredhoyt/Ghtbu/1/