Разместить форму для подтверждения номера при оформлении заказа Opencart 2.3.0.2 + simplecheckout + smsc При размещении заказа на сайте требуется проверка (подтверждение) телефонного номера. 1. Кнопка "подтвердить", и ...
Управление видимостью строк таблицы с помощью чекбоксов и jQuery
Пожалуйста, помогите мне с настройками jQuery для чекбоксов и таблицы.
Я сделал три группы чекбоксов с чекбоксом заголовка для каждой группы и чекбоксом «Выбрать все». Ниже этих чекбоксов находится таблица, содержащая строки с информацией, соответствующей чекбоксам. Каждый чекбокс должен делать соответствующие строки таблицы скрытыми или видимыми в зависимости от статуса чекбокса.
Скриншот здесь https://i.stack.imgur.com/oCmiL.jpg
Цель - правильное взаимодействие чекбоксов с появлением строк таблицы.
- По умолчанию все чекбоксы должны быть отмечены, и все строки таблицы ниже чекбоксов должны быть видны.
- Когда я нажимаю чекбокс «Выбрать все», все чекбоксы должны быть сняты, а все строки таблицы должны быть скрыты. Повторный щелчок по чекбоксу «Выбрать все» должен вернуть все чекбоксы и сделать видимыми все строки таблицы ниже.
- Когда все чекбоксы отмечены и все строки таблицы ниже видны, и я нажимаю любой из чекбоксов устройства (например, «ZONT LITE»), чекбокс «Выбрать все» должен быть снят, чекбокс заголовка (в данном случае «Термостаты») должен быть снят, а соответствующая строка таблицы ниже, содержащая информацию об устройстве ZONT LITE, должна быть скрыта. Повторный щелчок по чекбоксу «ZONT LITE» должен вернуть чекбоксы «Термостаты» и «Выбрать все» и сделать строку таблицы «ZONT LITE» видимой.
- Когда я устанавливаю какой-либо из чекбоксов заголовка (например, «Контроллеры»), все чекбоксы под ним (в данном случае «ZONT SMART 2.0», «ZONT H1000 +» и «ZONT H2000 +») должны быть сняты, чекбокс «Выбрать все» должен быть снят, и соответствующие строки таблицы ниже (содержащие информацию о «ZONT SMART 2.0», «ZONT H1000 +» и «ZONT H2000 +») должны быть скрыты. Повторный щелчок по чекбоксу «Контроллеры» должен отметить все чекбоксы в его группе, чекбокс «Выбрать все» и сделать видимыми строки таблицы «ZONT SMART 2.0», «ZONT H1000 +» и «ZONT H2000 +» ниже.
- В неустановленном состоянии чекбокс «Выбрать все» при нажатии должен отмечать все чекбоксы во всех группах и их заголовков.
Весь код на https://jsfiddle.net/pashikk2008/fk9ubet4/17/
Выбранный исполнитель
Заявки фрилансеров
Похожие заказы
- Веб-программирование2 заявкиЗакрыт4 года назад
Приветствую. Требуется скрипт, который будет проверять 1 Instagram логин на доступность каждые 12 часов (возможно нужно будет, чтобы я добавил это повторение через cron). Важно, чтобы этот скрипт можно было разместить на ...
Веб-программирование2 заявкиЗакрыт4 года назадЕсть НДС-калькулятор на чистом javascript: http://nds.com.ru Необходимо протестировать его работу и найти ошибки: - неправильного подсчета - ошибки js-скриптов
Веб-программирование3 заявкиЗакрыт4 года назадТребуется разработчик для создания сайта
Веб-программирование2 заявкиЗакрыт4 года назад- $65
На сайте под cms opencart сейчас есть парсеры (3 шт), написанные на php. Требуется поправить текущий парсер или реализовать новый под следующую логику работы: Раз в сутки (допустим в 5 утра) ...
Веб-программирование1 исполнительЗавершен4 года назад Здравствуйте! Есть проект, биржа приложений. Стек Python (flask), postgreSQL, html, css, jquery По нему накопилось много разных задач, список задач после общения с разработчиком передам. Кратко, задачи ...
Веб-программирование2 заявкиЗакрыт4 года назадЗадача: есть сайт, на сайте карта посёлка. Сайт работает на не очень распространённой CMS. Надо скопировать страницу с картой, прописать там ссылки, на странице и css на графику и скрипты. И изменить карту на ...
Веб-программирование1 заявкаЗакрыт4 года назадНужен PHP/Javascript Software Engineer для выполнения разноплановых задач разной сложности, Для самописного движка ищем человека с которым мы могли бы работать на постояннои основе. На данныи момент у нас в pipeline 6 задач. ...
Веб-программирование2 заявкиЗакрыт4 года назадВ проект (сайт на Django) добавить некоторые функции: На страницу акции вывести график движения акций по след. принципу работы с помощью ESI API отследить все активы корпорации( id корпорации northern fleet.) баланс всех ...
Веб-программирование3 заявкиЗакрыт4 года назадНеобходимо сделать бот для автоматических покупок разных вещей ниже рыночной цены. Например n-предмет стоит 100 $, нужно настроить покупку по цене ниже 30$ и тд. Ссылка на платформу: https://wax.atomichub.io/ Предлагайте цены, пишите в лс за ...
Веб-программирование2 заявкиЗакрыт4 года назад