@olegolehovich

Как убрать двойное событие js при клике на текст radio кнопки?

Всем привет,
Сделал на сайт радио-кнопки, при клике на которые обновляется каталог на сайте, и столкнулся с такой проблемой, что при клике на сам круглешок радио-кнопки все работает корректно, но если кликнуть на текст радио-кнопки, то срабатывает 2ное событие, и что-то нету мыслей как это исправляется.
5c8f33540e886762512924.png

вот песочница с примером , 2ное событие хорошо видно через консоль
  • Вопрос задан
  • 174 просмотра
Решения вопроса 1
AnatolTh
@AnatolTh
Full Stack Developer
<div class="col-md-6 col-lg-3 ">
	<div class="filter_radio">
		<label for="terrasa" class="filter_item__head_radio margin8"><input onclick="terras()" name="terrasa" type="radio" id="terrasa">Есть терраса</label>
		<label for="terrasa2" class="filter_item__head_radio mg0"><input onclick="mansard()" name="terrasa" type="radio" id="terrasa2">Есть мансарда</label>
	</div>
</div>

или

<div class="col-md-6 col-lg-3 ">
	<div class="filter_radio">
		<input onclick="terras()" name="terrasa" type="radio" id="terrasa">
		<label for="terrasa" class="filter_item__head_radio margin8">Есть терраса</label>
		<input onclick="mansard()" name="terrasa" type="radio" id="terrasa2">
		<label for="terrasa2" class="filter_item__head_radio mg0">Есть мансарда</label>
	</div>
</div>
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@tempick
Повесьте обработчик не label а на input. Иначе при клике на input оно срабатывает и на инпуте и на лэйбеле.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы