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