Как получить значение radio js

Ответы
Аватар пользователя Вячеслав Межуревский

Иногда нам может потребоваться получить значение выбранного переключателя в нашем веб-приложении. Рассмотрим пример.

<div id="fruits">
  <input type="radio" name="fruit" value="apple">Apple
  <input type="radio" name="fruit" value="orange">Orange
  <input type="radio" name="fruit" value="grape" checked="checked">Grape
</div>
<button onclick="viewRadio();">Показать значение</button>

Напишем функционал, который выберет все радио-кнопки на странице и выведет значение только той, у которой атрибут есть checked.

const viewRadio = () => {
  const fruits = document.querySelectorAll('input[name="fruit"]');
  for (const f of fruits) {
    if (f.checked) {
      alert(f.value)
    }
  }
}
0 0
Добавьте ваш ответ

Рекомендуемые курсы

шаблонизация
REST
мидлвары
тестирование
11 часов
Посмотреть
состояние
JSX
компоненты
производительность
26 часов
Посмотреть
middlewares
redux-forms
actions
reselect
5 часов
Посмотреть