Есть несколько input radio, но только один checked, вот именно к нему нужно обратится с помощью Javascript.
В общем нужен аналог функции Jquery:
$(".item:radio:checked").click();
Есть такая вещь, как Document.querySelector() - возвращает первый элемент внутри документа (используется предупорядоченный обход узлов в глубину до первого найденного узла), который совпадает с определенной группой селекторов.
Синтаксис
element = document.querySelector(selectors);
где
element
— объект element.
selectors
— строка, содержащая один или более CSS селекторов, разделённых запятой
var checkedRadio = document.querySelector('input[name="rate"]:checked');
console.log(checkedRadio);
console.log(checkedRadio.value);
<div id="rates">
<input type="radio" id="r1" name="rate" value="Fixed Rate"> Fixed Rate
<input type="radio" id="r2" name="rate" value="Variable Rate"> Variable Rate
<input type="radio" id="r3" name="rate" value="Multi Rate" checked="checked"> Multi Rate
</div>
еще вариант
var radios = document.getElementsByName('genderS');
for (var i = 0, length = radios.length; i < length; i++) {
if (radios[i].checked) {
console.log(radios[i].value);
break;
}
}
<input type="radio" name="genderS" value="male" checked>Male
<input type="radio" name="genderS" value="female">Female
$("radio:checked").click();
не устраивает?