Артём Мáлков

Как установить лимит выбора checkbox из группы на jQuery?

8 дек0 коммАртём Мáлков

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

Рекомендуем к просмотру
10-балльная оценка в отзыве о товаре в OpenCart
Хаки
Выбор только одного checkbox из группы на jQuery
Статьи и советы
Поиск по определенным категориям в DLE
Хаки
0
комментариев
Форма комментирования этого поста скрыта. Авторизуйтесь, чтобы расширить привилегии гостевого посещения и получить необходимую помощь от сообщества Pandoge.
Подняться наверх
Регистрация на сайте
Pandoge - уникальный проект, который собрал на своих страницах большой опыт многих людей в сфере сайтостроения.Присоединяйся и ты к сообществу, получай неограниченные знания и начинай творить свою мечту!Нажимая кнопку «Регистрация» вы даете согласие на обработку своих персональных данных.
Имя и фамилия
E-mail
Логин
Пароль
Регистрация
Pandoge