Как установить лимит выбора checkbox

Как установить лимит выбора checkbox

Не так давно мы рассматривали вариацию скрипта, с помощью которого можно было ограничить выбор одним определенных Checkbox из общей выделенной группы. Теперь пришло время разобрать альтернативный вариант задачи, а именно выбор n-ого числа чекбоксов из определенного списка.

Допустим, у совершенно случайно есть такой список Checkbox:

<div class="group">
<input type="checkbox" name="test" value="1"> - 1<br>
<input type="checkbox" name="test" value="2"> - 2<br>
<input type="checkbox" name="test" value="3"> - 3<br>
<input type="checkbox" name="test" value="4"> - 4
</div>

Чтобы ограничить выбор, нужно использовать вот такой скрипт:

<script>
$(".group input").on("click", function() {
if($(".group input:checked").length >= 2) { // Не больше 2-х checkbox
$(".group input:not(:checked)").attr("disabled", true);
} else {
$(".group input:disabled").attr("disabled", false);
}
});
</script>

А теперь разберемся что значат те или иные свойства. Например, значение 2 ограничивает выбор и указывает, что из конкретной группы мы можем выбрать не более двух чекбоксов. Конечно, по необходимости вебмастер может изменить число на любое другое и тогда результат соответственно изменится. Главное, чтобы на сайте была установлена подходящая версия JavaScript библиотеки jQuery, и в случае её отсутствия скачать нужное ПО.

Оставить комментарий

avatar
  Подписаться  
Уведомление о
Sergey
7
Sergey
Веб разработчик
Опыт: 4 года
Немного об авторе:
Занимаюсь созданием и поддержкой сайтов. Дорабатываю сайты, поддерживаю серверы. Установка CMS, создание модулей, плагинов.
Услуги: Программирование, создание и поддержка ссайтов