uniapp checkbox单选传值
时间: 2023-08-30 18:10:55 浏览: 126
checkbox选中 全选 传值
在uniapp中,可以通过v-model绑定数据实现单选checkbox的传值。具体实现如下:
1. 在data中定义一个变量,用于存储选中的值:
```
data() {
return {
selectedValue: ''
}
}
```
2. 在模板中使用checkbox,并通过v-model绑定数据:
```
<template>
<div>
<label><input type="checkbox" value="value1" v-model="selectedValue">选项1</label>
<label><input type="checkbox" value="value2" v-model="selectedValue">选项2</label>
<label><input type="checkbox" value="value3" v-model="selectedValue">选项3</label>
</div>
</template>
```
3. 在需要获取选中值的地方,通过this.selectedValue获取选中的值。
```
methods: {
submit() {
console.log(this.selectedValue)
}
}
```
这样就可以实现单选checkbox的传值了。
阅读全文