@Nickzubov

Как переключать radio input кликая на ссылки на JQuery?

Есть несколько radio кнопок
<input type="radio" name="type" id="type1" value="" checked>
<input type="radio" name="type" id="type2" value="">
<input type="radio" name="type" id="type3" value="">
<input type="radio" name="type" id="type4" value="">


И так же есть 4 ссылки:
<a href="#" id="type11" class="active">1</a>
<a href="#" id="type22">2</a>
<a href="#" id="type33">3</a>
<a href="#" id="type44">4</a>


Как на jquery переключать radio в зависимости от класса active у ссылок?
Т.е если класс active на второй ссылке то radio так же на второй input переключается и так далее?
  • Вопрос задан
  • 45 просмотров
Пригласить эксперта
Ответы на вопрос 1
0xD34F
@0xD34F Куратор тега JavaScript
const $a = $('a').click(function() {
  const index = $a.removeClass('active').index($(this).addClass('active'));
  $input.eq(index).prop('checked', true);
});

const $input = $('input').change(function() {
  const index = $input.index(this);
  $a.removeClass('active').eq(index).addClass('active');
});
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Artezio Нижний Новгород
от 130 000 до 180 000 ₽
Artezio Москва
от 160 000 до 220 000 ₽
Intspirit Краснодар
от 80 000 до 150 000 ₽