a-radio-group 多选
时间: 2024-01-11 19:18:57 浏览: 148
a-radio-group是微信小程序中的单选按钮组件,而多选按钮组件则是a-checkbox-group。使用a-checkbox-group可以实现多选功能,具体用法如下:
1. 在wxml文件中添加a-checkbox-group组件,并设置其bindchange属性为一个事件处理函数。
2. 在a-checkbox-group组件内部添加多个a-checkbox子组件,分别设置其value属性为不同的值。
3. 在事件处理函数中,通过event.detail.value获取到用户选择的所有值。
下面是一个简单的例子:
```
<view class="checkbox-group">
<checkbox-group bindchange="checkboxChange">
<checkbox value="apple">苹果</checkbox>
<checkbox value="banana">香蕉</checkbox>
<checkbox value="orange">橙子</checkbox>
</checkbox-group>
</view>
```
```
Page({
data: {
checkedFruits: []
},
checkboxChange: function(event) {
this.setData({
checkedFruits: event.detail.value
})
}
})
```
在上面的例子中,用户可以选择多个水果,选择结果会保存在checkedFruits数组中。
阅读全文