Radio Buttons in HTML: A Comprehensive Guide

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

Пример использования RadioButton:

  
Выберите ваш любимый язык программирования:
  
  Java

  
  Python

  
  JavaScript

В данном примере создана форма, которая содержит три RadioButton: для выбора языка программирования Java, Python или JavaScript. Каждый RadioButton имеет свой уникальный идентификатор, имя и значение.

Атрибут "name" используется для связывания RadioButton, которые принадлежат к одной группе, атрибут "value" определяет значение выбранной радиокнопки.

Чтобы получить выбранное значение RadioButton с помощью JavaScript, необходимо использовать следующий код:

var selectedValue = document.querySelector('input[name="language"]:checked').value;

В данном примере используется метод "querySelector", чтобы получить выбранную радиокнопку с именем "language", а затем метод "value" для получения выбранного значения.