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



Посетитель


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


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




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



Посетитель


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


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




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

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


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

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

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

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

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


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



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

 
Powered by ExBB FM 1.0 RC1. InvisionExBB