Показать сообщение отдельно
  #1 (permalink)  
Старый 07.12.2016, 15:57
Новичок на форуме
Отправить личное сообщение для lok777i Посмотреть профиль Найти все сообщения от lok777i
 
Регистрация: 07.12.2016
Сообщений: 3

Открытие окна при всех input:checked
Здравствуйте, подскажите пожалуйста, есть 3 чекбокса http://jsfiddle.net/leaverou/ASPUA/
<label><input type="checkbox" id="checkall"> Check all</label>
<label><input type="checkbox" class="thing"> Thing 1</label>
<label><input type="checkbox" class="thing"> Thing 2</label>
<label><input type="checkbox" class="thing"> Thing 3</label>

и скрипт
var checkboxes = document.querySelectorAll('input.thing'),
    checkall = document.getElementById('checkall');

for(var i=0; i<checkboxes.length; i++) {
    checkboxes[i].onclick = function() {
        var checkedCount = document.querySelectorAll('input.thing:checked').length;

        checkall.checked = checkedCount > 0;
        checkall.indeterminate = checkedCount > 0 && checkedCount < checkboxes.length;
    }
}

checkall.onclick = function() {
    for(var i=0; i<checkboxes.length; i++) {
        checkboxes[i].checked = this.checked;
    }
}

в css добавляем
Код:
#checkall:checked{
  display:none;
}
Как сделать так, чтобы при выборе трех чекбоксов, срабатывало css свойство ? На данный момент скрипт работает, но не срабатывает css.
Ответить с цитированием