Limit проверяется флажок в форме

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/

Answer 2

Это связывается с каждым флажком немного логики, который проверяет сколько флажков отмечено в текущей форме. Если это число равно 2, мы отключим все остальные поля.

$("form").on("click", ":checkbox", function(event){ 
    $(":checkbox:not(:checked)", this.form).prop("disabled", function(){ 
    return $(this.form).find(":checkbox:checked").length == 2; 
    }); 
}); 

Это работает на основе каждой формы, то есть вы можете иметь несколько форм, которые не касаются входов друг друга. В нижеприведенной демонстрации я демонстрирую три формы, каждая из которых содержит три флажка. Ограничение 2 флажков ограничено их соответствующими формами.

Демонстрация: http://jsbin.com/epanex/4/edit