Всем привет. У меня есть ряд алфавитных кнопок сделанных через input

Question

Всем привет. У меня есть ряд алфавитных кнопок сделанных через input

type="radio".
По нажатию на одну из происходит фильтрация данных.
Как мне при повторном нажатии на выбранную кнопку очистить результат и убрать checked? (пробовал добавлять условие, но блок else не работал).

#programming #russian #vue.js

0

04.04.2022

10 ответов

22 просмотра

Vladуslav Автор вопроса

мне не нужно чтобы человек мог тыкать во все кнопки

0

04.04.2022

Алексей

Vladуslav
мне не нужно чтобы человек мог тыкать во все кнопк...

1) для чего там вообще input? 2) если нужен множественный выбор то стоит использовать checkbox, а не radio 3) плохая практика вешать на каждый элемент обработчик, лучше повесить на родителя и ловить всплывшки

0

04.04.2022

Vladуslav Автор вопроса

Алексей
1) для чего там вообще input? 2) если нужен множес...

1-2. Чтобы можно было выбрать лишь один элемент. 3. Делегирование вряд ли поможет решить проблему. Мне нужно в последствии при нажатии на ту же кнопку убирать результат выбора.

0

04.04.2022

Denis Petrakov

Vladуslav
мне не нужно чтобы человек мог тыкать во все кнопк...

Может стоит взглянуть на форму и обработчики?

0

04.04.2022

Алексей

Vladуslav
1-2. Чтобы можно было выбрать лишь один элемент. 3...

3 пункт не про вашу проблему, а рекомендация в общем) по поводу вашей проблемы, зачем там вообще input? почему не хранить в дата атрибутах значения? или там в форму обернуто? самый простой вариант человек нажал кнопку: убираете у всех атрибут чеккед если выбранная кнопка не нажата, добавляете ей чеккед

0

04.04.2022

Anton Permyakov

если очень хочется именно через радио кнопки, то нужно добавить хотя бы невидимый радиобаттон "ничего не выбрано" и растягивать его область клика на все элементы, если выбран хотя бы один сейчас попробую песочницу сделать

0

04.04.2022

Anton Permyakov

Anton Permyakov
если очень хочется именно через радио кнопки, то н...

не, фигня получается, так на любой клик сбрасывается, а не только на уже кликнутую кнопку, надо джсом делать https://codepen.io/wspwebben/pen/YzYYNzQ?editors=1100

0

04.04.2022

Vladуslav Автор вопроса

ну вон сверху я переделал код чтобы шло прослушивание от родителя, но повторное нажатие не знаю как реализовать)

0

04.04.2022

Алексей

Vladуslav
ну вон сверху я переделал код чтобы шло прослушива...

https://codepen.io/srv-aleksey/pen/JjMMEbb

0

04.04.2022