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

Question

[Oleg]

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


вот песочница с примером , 2ное событие хорошо видно через консоль

Answer 1

[Анатолий]

<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>

Comments

[Oleg]

спасибо, 2ой вариант работает идеально!

Answer 2

[tempick]

Повесьте обработчик не label а на input. Иначе при клике на input оно срабатывает и на инпуте и на лэйбеле.

Comments

[Oleg]

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