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

4 года назад

Человек-Молекула

Присоединяйтесь к нашему Telegram-сообществу

Ответы

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

<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)
    }
  }
}

3 года назад

Вячеслав Межуревский

10 месяцев

Фронтенд-разработчик

Верстка на HTML5 и CSS3, Программирование на JavaScript в браузере, разработка клиентских приложений используя React

1 месяц

СИКП на JS

Навык понимать программы на фундаментальном уровне, уверенно проходить собеседования и решать сложные задачи

2 месяца

ООП на Javascript

Навык глубокого понимания архитектуры и написания чистого кода, позволяющий решать сложные задачи

2 месяца

Typescript

Навык снижать ошибки, упрощать отладку, повышать качество кода и ускорять разработку с автодополнением и типизацией

8 месяцев

Автоматизатор тестирования на JavaScript

Git, JavaScript, Playwright, бэкенд-тесты, юнит-тесты, API-тесты, UI-тесты, Github Actions, HTTP/HTTPS, API, Docker, SQL

Похожие вопросы