Событие jQuery .onclick() при нажатии на label вызывается только один раз?

Добрый день! Ситуация: верстаю сайт и jQuery подключен к сайту
Проблема такова:

Представим что есть 4 inputa, которые поделены на 2 группы по два. В первой группе input'ов по одной картинке.
При нажатии на первую картину (img1 в input1) вызывается функция onclick которая включает actived input3
В следующий раз, когда я нажимаю на вторую картинку (img2 в input2), он ее переводит отлично.
Но, при повторном нажатии на первую картинку ничего не происходит!
Если обьяснил не понятно, напишите - постараюсь обьяснить!
<input class="params-form-radio" type="radio" name="programm" value="Veg4" id="programmVeg4" onclick="veg4()">
    <label class="params-form__programm-item params-form__programm-item--veg4 js-set-programm params-form__programm-item--false" for="programmVeg4" data-programm="Veg4">
     
        <div class="programm-item__gender-img js-gender-img--woman" alt="меню" type="Fit-Female-1500">
            <img src="img/5.jpg" alt="">
        </div>
</label>

<input class="params-form-radio" type="radio" name="programm" value="Veg3" id="programmVeg3" onclick="veg3()">
    <label class="params-form__programm-item params-form__programm-item--veg4 js-set-programm params-form__programm-item--false" for="programmVeg3" data-programm="Veg3">
     
        <div class="programm-item__gender-img js-gender-img--woman" alt="меню" type="Fit-Female-1500">
            <img src="img/4.jpg" alt="">
        </div>
</label>




<input class="params-form-radio" type="radio" name="size" value="900" menu-types="sport,fit,life,veg" id="size900">
    <label class="programm-form__white-black-block-list-item show-only-sport show-only-fit show-only-life show-only-veg" for="size900" onclick="minimum()">
         <div class="programm-form__white-black-block-list__number">900</div>
     </label>


<input class="params-form-radio" type="radio" name="size" value="1200" menu-types="sport,fit,life,veg" id="size1200" onclick="light()">
     <label class="programm-form__white-black-block-list-item show-only-sport show-only-fit show-only-life show-only-veg" for="size1200">
          <div class="programm-form__white-black-block-list__number">1200</div>
      </label>


$("#programmVeg4").click( 
     function veg4() {
        $("#size900").attr('checked', true)
      }
 );

$("#programmVeg3").click( 
     function veg3() {
          $("#size1200").attr('checked', true)
      }
 );
  • Вопрос задан
  • 348 просмотров
Пригласить эксперта
Ответы на вопрос 1
@devjob
Смотри консоль.
Так же в devtools проверь на вкладке EventListeners.
Если обработчик события есть, копай в сторону css.
Подозреваю, что у тебя стили блока перекрывают твой label.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы