Многоуровневый список с checkbox
588
15 июня 2017, 06:12
Здравствуйте, есть многоуровневый список с checkbox - ссылка .
Задача была в следующем что бы при выборе родителя выбирались все дочерние элементы. А так же что бы при выборе всех дочерних элементов отмечался родительский элемент. С первый пунктом вопросов не возникло, а вот собственно на втором и остановился. Бросаю часть кода:
$('.category > input[type="checkbox"]').click(function() {
if ($(this).prop('checked') == true) {
$(this).next().next('ul').find('input').prop( "checked", true );
}else{
$(this).next().next('ul').find('input').prop( "checked", false );
}
});
Думал может можно как-то проверить количество дочерних элементов и сравнить их с количеством активных элементов и если они равны тогда и активируем родительский элемент, ну не совсем понимаю как это реализовать. Помогите пожалуйста.
Answer 1
В вашем случае можно сделать вот так:
$('input[type="checkbox"]').on('change', function() {
// Находим чекбокс родительской категории
var categoryInput = $(this).parents('li').eq(1).find('> input[type="checkbox"]');
// Находим все вложенные инпуты первого уровня
var inputs = categoryInput.next().next().find('> li > input');
// Если все вложенные инпуты уже отмечены
if (inputs.length == inputs.filter(':checked').length) {
// Изменяем статус флажка и триггерим событие изменния,
// которое в свою очередь запустит события для родительских категорий
categoryInput
.prop('checked', true)
.trigger('change');
}
});
-
21:33
Виртуальный выделенный сервер (VDS) становится отличным выбором
-
22:26
-
22:40
-
08:34
-
15:01
-
17:01
-
11:24
-
10:16
-
17:54
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 47682 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30534 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 23711 visits
- Как через css изменить цвет png изображения? 10367 visits
- Blob video url download 9974 visits
- Php curl запрос через прокси с авторизацией 9231 visits
- Работа с captcha vk api 8111 visits
© "hostciti.net" 11.1.2025 | 11:46