Показать сообщение отдельно
  #1 (permalink)  
Старый 29.03.2021, 16:27
Профессор
Отправить личное сообщение для ureech Посмотреть профиль Найти все сообщения от ureech
 
Регистрация: 11.03.2013
Сообщений: 765

Работа с чекбоксами
Привет.
<div id="users-div-select" display-none "></div>

<div><input id="check_all" type="checkbox"  value=""  /></div>

<div>
<input type="checkbox" class="user_check" value="1"  />
<input type="checkbox" class="user_check" value="1"  />
<input type="checkbox" class="user_check" value="1"  />
</div>

Тут по клику на любой из трёх чекбоксов или показывается первый блок или,при снятии,скрывается .
$('.user_check').on('change', function () {		
		var a = document.querySelector(".user_check:checked");
		if(a){
		$('#users-div-select').fadeIn().show();
		}
		else
		{
		$('#users-div-select').fadeOut(300);
		}		
		});

Тут отмечаются сразу три чекбокса и при этом тоже показывается первый див, но при снятии мне никак не скрыть первый блок.
var checkbox = $(".user_check"),
    boxCnt = checkbox.length,
    allcheckbox = $("#check_all");
	allcheckbox.on('change',function () {
		checkbox.prop("checked", $(this).is(":checked"));
		$('#users-div-select').fadeIn().show();
		
	});
	checkbox.on('change', function(){
		allcheckbox.prop("checked", $('.checkbox:checked').length == boxCnt);

	});

Прошу подсказать.
Ответить с цитированием