> For the complete documentation index, see [llms.txt](https://d-ukolov.gitbook.io/vue/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://d-ukolov.gitbook.io/vue/rabota-s-formami/radio-button/radioknopki.md).

# Радиокнопки

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

```markup
<input type="radio" id="one" value="Один" v-model="picked">
<label for="one">Один</label>
<br>
<input type="radio" id="two" value="Два" v-model="picked">
<label for="two">Два</label>
<br>
<span>Выбрано: {{ picked }}</span>
```

<div align="left"><img src="https://955258160-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LuIgnBBZPLjlzke50z9%2F-Lxu3YLax3fmCaK3z-B2%2F-Lxw1_8eFwUGDFP3sUht%2Fimage.png?alt=media&amp;token=9cd535b2-bb10-4485-ae0b-10b19c33d65f" alt=""></div>

<div align="left"><img src="https://955258160-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LuIgnBBZPLjlzke50z9%2F-Lxu3YLax3fmCaK3z-B2%2F-Lxw1eR_WKFJ8Cejao4S%2Fimage.png?alt=media&amp;token=4397ad45-fb9a-4d37-9dfc-9e20f3f86944" alt=""></div>