Как назначить радиокнопке состояние checked?

Question

[aliasst]

Как через js или jquery при загрузке страницы установить радиокнопке с определенным value (хранящейся в переменной val) состояние checked?

На странице есть несколько радиокнопок:

<input type="radio" name="filter" value="10">
<input type="radio" name="filter" value="20">
<input type="radio" name="filter" value="30">

....
есть переменная:
let val = 30;

Соответственно, нужно чтобы радиокнопка с value="30" была checked при загрузке.

Answer 1

[Антон Усачев]

Если совсем просто, то так:

// $('[value=30]').prop('checked', true);
$('[value=' + val + ']').prop('checked', true);

Comments

[Игорь Стасюк]

Можно строковые литералы использовать и будет проще. Ну это в том случае если прикручен у вас babel ( мало ли нет)
$(`[value=${val}]`).prop('checked', true);