Как установить лимит выбора checkbox из группы на jQuery?
В одной из статей мы рассмотрели вариант скрипта, который ограничивал выбор лишь одним 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 указывает на то, что мы не можем выбрать больше 2-x checkbox в этой группе. По желанию, число можете изменить на свое. Не забывайте про подключение необходимой библиотеки jQuery, если таковая отсутствует на вашем сайте.