Управление видимостью строк таблицы с помощью чекбоксов и jQuery

Бюджет 20$ / 1199
руб
в месяц
Создан: 2 года назад
На модерации
Описание
Пожалуйста, помогите мне с настройками jQuery для чекбоксов и таблицы. 
Я сделал три группы чекбоксов с чекбоксом заголовка для каждой группы и чекбоксом «Выбрать все». Ниже этих чекбоксов находится таблица, содержащая строки с информацией, соответствующей чекбоксам. Каждый чекбокс должен делать соответствующие строки таблицы скрытыми или видимыми в зависимости от статуса чекбокса.

Скриншот здесь

Цель – правильное взаимодействие чекбоксов с появлением строк таблицы.

1) По умолчанию все чекбоксы должны быть отмечены, и все строки таблицы ниже чекбоксов должны быть видны.
2) Когда я нажимаю чекбокс «Выбрать все», все чекбоксы должны быть сняты, а все строки таблицы должны быть скрыты. Повторный щелчок по чекбоксу «Выбрать все» должен вернуть все чекбоксы и сделать видимыми все строки таблицы ниже.
3) Когда все чекбоксы отмечены и все строки таблицы ниже видны, и я нажимаю любой из чекбоксов устройства (например, «ZONT LITE»), чекбокс «Выбрать все» должен быть снят, чекбокс заголовка (в данном случае «Термостаты») должен быть снят, а соответствующая строка таблицы ниже, содержащая информацию об устройстве ZONT LITE, должна быть скрыта. Повторный щелчок по чекбоксу «ZONT LITE» должен вернуть чекбоксы «Термостаты» и «Выбрать все» и сделать строку таблицы «ZONT LITE» видимой.
4) Когда я устанавливаю какой-либо из чекбоксов заголовка (например, «Контроллеры»), все чекбоксы под ним (в данном случае «ZONT SMART 2.0», «ZONT H1000 +» и «ZONT H2000 +») должны быть сняты, чекбокс «Выбрать все» должен быть снят, и соответствующие строки таблицы ниже (содержащие информацию о «ZONT SMART 2.0», «ZONT H1000 +» и «ZONT H2000 +») должны быть скрыты. Повторный щелчок по чекбоксу «Контроллеры» должен отметить все чекбоксы в его группе, чекбокс «Выбрать все» и сделать видимыми строки таблицы «ZONT SMART 2.0», «ZONT H1000 +» и «ZONT H2000 +» ниже.
5) В неустановленном состоянии чекбокс «Выбрать все» при нажатии должен отмечать все чекбоксы во всех группах и их заголовков.

Необходимо изменить только jQuery код, остальной код желательно не трогать.
Весь код на jsfiddle.net/pashikk2008/...
Категория
Источник: fl.ru

Похожие проекты

safe$500
0 2
Мы ищем fullstack разработчика, который может сделать сайт под ключ. Есть детальное ТЗ, обязатедбное к ознакомлению и наработки по дизайну в виде макета Figma....
safe$120
0 2
Должно быть у исполнителя готовое и грамотно сделанное портфолио....
2 месяца назад
safe 
11 1
Нужен сайт по открытию кейсов для игры Standoff 2. Нужен самый обычный дизайн. Личный кабинет, инвентарь, авторизация через ВК. В Админке должна быть возможность создавать/удалять кейсы, редактировать шансы на выпадение какого-либо дропа, количество кейсов, устанавливать цену. В Админке должна быть возможность......
2 месяца назад
 
0 5
Требуется веб дизайнер для  2х проектов:. Оптимизации существующего сайта (лендинг) по танцевальному фитнесу на wix. com. Создание онлайн магазина био добавок и его оптимизация.   Ищем профессионального дизайнера, который готов на долгосрочное сотрудничество....
 
0 2
Нужно сделать сайт просчет оффера. Верстка страницы с Figma....
2 месяца назад
$33
10 1
Мне нужен бот перехватчик для программы ( taxsee driver ) чтобы брать предварительные и текущие заказы. Требования: . 1 бот перехватчик нужен для android. 2 можно писать bоt под моим аккаунтом или другие варианты. 3 функция отключения и включения бота когда он нужен или не нужен. За хорошую работу готов......
2 месяца назад
 
76 1
Ищу фрилансера для создания лендингов на Битрикс24. Занятость постоянная, 1 раз в 3 месяца....
3 месяца назад
 
138 2
safe 
498 6
Необходимо написать небольшую серверную часть учебного сайта для запуска под виртуальной машиной Oracle VM VirtualBox  Debian 6. 1 используя php7. 33 и базу MongoDB....
safe 
134 6
ИЩУ СПЕЦОВ – ВЫСОКОГО УРОВНЯ!   1). Уточните, какое у вас образование. 2). Обязательно предоставьте портфолио - лучшие работы. 3). Условия сотрудничества – по договоренности (сообщите ваши предварительные условия).   П. все предложения, которые меня заинтересуют – либо отвечу, либо сохраню контакты в......
3 месяца назад
 
89 1
Нужно будет делать видео по примеру уже готового видео. Вы подойдете если : имеете базовые-легкие знания в трейдинге,если у вас хороший микрофон, нормальная дикция, и есть программа для снятия экрана на видео. (Себя снимать не нужно,только видео экрана) Чем выше качество тем выше оплата . Оплата за среднее......
safe$111
122 2
Добрый день заинтересовавшимся! У нас сайт на стадии разработки на ОС 3. Создано ТЗ. Необходимо выполнить все пункты в ТЗ. Предварительно 10 000 руб. Поднятие цены можно и обсудить....
$1000
286 5
TALP GROUP Мы занимаемся разработкой и продвижением IT- продуктов. В нашем арсенале множество интересных кейсов, большинство из которых реализованы на нашей собственной low/no code платформе Аltrp. Мы работаем как над внутренними проектами, так и с внешними заказчиками. Среди них: разработка швейцарской......
safe 
174 17
Добрый день. Мне необходимо скопировать действующий сайт с полным функционалом  https://gk-grupp....
3 месяца назад
 
198 12
Ищем специалиста для работы над дизайном агенства недвижимости для англоязычной аудитории....
safe 
109 2
Меняли хостинг сайта поэтому имена сервера слетели, надо поменять на новые и все....
$250
315 16
Разработка продающего лендинга, ТЗ во вложенных файлах....
 
164 6
Нужно ускорить загрузку сайта....
3 месяца назад
$7
144 2
Фотографии улыбок до стоматологического лечения и после. Нужно из сопоставит а схожих ракурсах и выровнить цвет , скореекситровать детали....
3 месяца назад
 
140 1
есть форма приема заявки на тильде, необходимо проверять номер телефона заказчика перед отправкой в работу....
3 месяца назад
Смотреть все