Как установить лимит выбора 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, и в случае её отсутствия скачать нужное ПО.

Оцените статью
SEO
Добавить комментарий

Отправить комментарий", я даю согласие на обработку персональных данных и принимаю политику конфиденциальности