Радиокнопки: простой способ сделать выбор понятным для пользователей

Радиокнопки веб-страницы позволяют пользователю выбрать один из нескольких вариантов ответа. Они представляют собой множество кнопок, из которых может быть выбран только один вариант.

Ниже приведен пример HTML-кода, показывающий различные радиокнопки:

html

  
  Option 1

  
  
  Option 2

  
  
  Option 3

В этом примере у нас есть три радиокнопки: option1, option2 и option3. Они принадлежат одной группе, так как имеют одинаковое имя (choice). Это означает, что при выборе одной кнопки остальные будут отмечены как не выбранные.

Также в примере указан атрибут "checked" для первой радиокнопки, что означает, что она будет выбрана по умолчанию при загрузке веб-страницы.

Для обработки выбора варианта ответа по radio-кнопкам можно использовать JavaScript. Ниже приведен пример кода:

html

  
  Option 1

  
  
  Option 2

  
  
  Option 3

  
  Submit

В данном примере у нас есть кнопка "Submit", которая вызывает функцию "getSelectedOption()". Эта функция с помощью метода `querySelector` выбирает выбранную радиокнопку, а затем получает значение атрибута "value" этой кнопки и выводит его в консоль.

Таким образом, радиокнопки позволяют пользователю выбрать только один из нескольких вариантов ответа, а JavaScript позволяет обработать выбор пользователя и выполнить соответствующие действия в зависимости от выбора.