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

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Зависимые чекбоксы динамически созданные

 PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


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

> Описание: Есть 1-N строк, в каждой из которых 1-6 чекбоксов. Если в строке выбран чекбокс№1, то все остальные в строке автоматически чекаются и блокируются
Escalion
Отправлено: 29 Апреля, 2020 - 22:02:46
Post Id


Новичок


Покинул форум
Сообщений всего: 2
Дата рег-ции: Апр. 2020  


Помог: 0 раз(а)




Вопрос по 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


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

(Отредактировано автором: 30 Апреля, 2020 - 16:47:46)

 
 Top
Vladimir Kheifets
Отправлено: 01 Мая, 2020 - 15:04:59
Post Id



Частый посетитель


Покинул форум
Сообщений всего: 879
Дата рег-ции: Март 2017  
Откуда: Германия, Бавария


Помог: 37 раз(а)




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 мая!
Попробуйте сделать так:
Спойлер (Отобразить)
Удачи!

(Отредактировано автором: 01 Мая, 2020 - 15:08:09)

 
 Top
Escalion
Отправлено: 01 Мая, 2020 - 22:26:10
Post Id


Новичок


Покинул форум
Сообщений всего: 2
Дата рег-ции: Апр. 2020  


Помог: 0 раз(а)




Vladimir Kheifets пишет:

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


СПАСИБО ОГРОМНОЕ!!! Идеально!!!! Радость Радость Радость
 
 Top
Vladimir Kheifets
Отправлено: 02 Мая, 2020 - 12:30:46
Post Id



Частый посетитель


Покинул форум
Сообщений всего: 879
Дата рег-ции: Март 2017  
Откуда: Германия, Бавария


Помог: 37 раз(а)




Escalion пишет:
Vladimir Kheifets пишет:

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


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

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

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

(Отредактировано автором: 02 Мая, 2020 - 14:57:32)

 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« JavaScript & VBScript »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
 



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB