0

Есть несколько input radio, но только один checked, вот именно к нему нужно обратится с помощью Javascript.
В общем нужен аналог функции Jquery:

$(".item:radio:checked").click();
2
  • Чем $("radio:checked").click(); не устраивает?
    – Andrew B
    Commented 2 дек. 2016 в 16:24
  • Она меня устраивала бы, но используется язык Javascript, поэтому нужен аналог на Javascript. Commented 2 дек. 2016 в 16:32

1 ответ 1

1

Есть такая вещь, как 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

1
  • Алексей спасибо! Первый вариант то что надо! Commented 2 дек. 2016 в 16:43

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.