Здравствуйте, подскажите пожалуйста, есть 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.