Как при выборе select — а, найти и чекнуть радиокнопку с таким же value?

Question

[MegaPuxapb]

Что бы при выборе option в селекте, чекался батон с таким же value.

<input type="radio" name="model" value="item1" id="item1">
<label for="item1">item1</label>
<input type="radio" name="model" value="item2" id="item2">
<label for="item2">item2</label>
<input type="radio" name="model" value="item3" id="item3">
<label for="item3">item3</label>

<select name="select_model" id="">
   <option value="item1">item1</option>
   <option value="item2">item2</option>
   <option value="item3">item3</option>
</select>

Comments

[Сергей delphinpro]

$('.select_model').on('change', function(){
  var value = $(this).val();
  $('input[type="radio"][value="'+value+'"]').prop('checked', true);
})

[MegaPuxapb]

Спасибо, работает.
Вы бы через ВАШ ОТВЕТ НА ВОПРОС писали, в комментах нет кнопки, отметить решением.

Answer 1

[0xD34F]

О каком select'е и каких радиокнопках идёт речь:

const select = document.querySelector('[name="select_model"]');
const radios = document.querySelectorAll('[name="model"]');

Обновляем состояние радиокнопок при выборе значения в select'е:

select.addEventListener('change', ({ target: { value } }) => {
  Array.prototype.find.call(radios, n => n.value === value).checked = true;
});

И наоборот:

radios.forEach(function(n) {
  n.addEventListener('change', this);
}, e => select.value = e.target.value);