uniapp 中radio单选
时间: 2023-12-09 17:05:34 浏览: 96
RADIO_API单选框
在uniapp中,可以使用`<radio>`标签来实现单选功能。具体使用方法如下:
1. 在`<template>`中添加`<radio>`标签,设置`name`属性和`value`属性,分别表示单选框的名称和值。
```html
<template>
<view>
<radio name="gender" value="male">男</radio>
<radio name="gender" value="female">女</radio>
</view>
</template>
```
2. 在`<script>`中添加`data`属性,用于存储单选框的值。
```javascript
<script>
export default {
data() {
return {
gender: ''
}
}
}
</script>
```
3. 在`<radio>`标签中添加`@click`事件,将选中的值赋给`data`中的变量。
```html
template>
<view>
<radio name="gender" value="male" @click="gender='male'">男</radio>
<radio name="gender" value="female" @click="gender='female'">女</radio>
</view>
</template>
```
阅读全文