Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Форумы портала PHP.SU :: Версия для печати :: Зависимые чекбоксы динамически созданные
Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript » Зависимые чекбоксы динамически созданные

Страниц (1): [1]
 

1. Escalion - 29 Апреля, 2020 - 22:02:46 - перейти к сообщению
Вопрос по JavaScript.
Сам я в JS не силен, знаю минимум.

Есть N строк, в каждой из которых 1-6 чекбоксов.

Если выбран чекбокс N, то все что справа от него автоматически чекаются, а все что слева автоматически снимается чек. При этом клик по чекбоксу означает что он выбран, тоесть чтобы снять чек нужно кликнуть по любому чекбоксу правее.

Пример для одной строки:
Цитата:
0 - это снят чек. 1 - чек стоит

Есть шесть чекбоксов:
0 0 0 1 1 1
Кликаем по чекбоксу номер 2 и получаем:
0 1 1 1 1 1
Кликаем по чекбоксу номер 5 и получаем:
0 0 0 0 1 1
При повторном клике на чекбокс номер 5 картина не меняется:
0 0 0 0 1 1
Кликаем по чекбоксу номер 6 и получаем:
0 0 0 0 0 1
Кликаем по чекбоксу номер 1 и получаем:
1 1 1 1 1 1


Как такое реализовать? При этом важно понимать что таких строк с чекбоксами может быть много. Может реализовать как либо по другому возможно. Заранее благодарен!
2. Vladimir Kheifets - 01 Мая, 2020 - 15:04:59 - перейти к сообщению
Escalion пишет:
Вопрос по JavaScript.
Сам я в JS не силен, знаю минимум.

Есть N строк, в каждой из которых 1-6 чекбоксов.

Если выбран чекбокс N, то все что справа от него автоматически чекаются, а все что слева автоматически снимается чек. При этом клик по чекбоксу означает что он выбран, тоесть чтобы снять чек нужно кликнуть по любому чекбоксу правее.

Пример для одной строки:
Цитата:
0 - это снят чек. 1 - чек стоит

Есть шесть чекбоксов:
0 0 0 1 1 1
Кликаем по чекбоксу номер 2 и получаем:
0 1 1 1 1 1
Кликаем по чекбоксу номер 5 и получаем:
0 0 0 0 1 1
При повторном клике на чекбокс номер 5 картина не меняется:
0 0 0 0 1 1
Кликаем по чекбоксу номер 6 и получаем:
0 0 0 0 0 1
Кликаем по чекбоксу номер 1 и получаем:
1 1 1 1 1 1


Как такое реализовать? При этом важно понимать что таких строк с чекбоксами может быть много. Может реализовать как либо по другому возможно. Заранее благодарен!

Добрый день и поздравляю всех с праздником 1 мая!
Попробуйте сделать так:
Спойлер (Отобразить)
Удачи!
3. Escalion - 01 Мая, 2020 - 22:26:10 - перейти к сообщению
Vladimir Kheifets пишет:

Добрый день и поздравляю всех с праздником 1 мая!
Попробуйте сделать так:
Спойлер (Отобразить)
Удачи!


СПАСИБО ОГРОМНОЕ!!! Идеально!!!! Радость Радость Радость
4. Vladimir Kheifets - 02 Мая, 2020 - 12:30:46 - перейти к сообщению
Escalion пишет:
Vladimir Kheifets пишет:

Добрый день и поздравляю всех с праздником 1 мая!
Попробуйте сделать так:
Спойлер (Отобразить)
Удачи!


СПАСИБО ОГРОМНОЕ!!! Идеально!!!! Радость Радость Радость

Добрый день!
Вот ещё несколько примеров про это:
версия 2, убрал onClick из тэга и применил метод addEventListener
Спойлер (Отобразить)

версия 3 оставил в html только div контейнер и применил методы createElement, setAttribute, appendChild
Спойлер (Отобразить)
Удачи!

 

Powered by ExBB FM 1.0 RC1