Привет.
<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);
});
Прошу подсказать.