微信小程序保存单选框选中的值
时间: 2023-07-13 16:14:02 浏览: 107
要保存微信小程序中单选框选中的值,可以使用小程序提供的setData()方法来实现。
首先,在wxml文件中,给每个单选框添加一个value属性,用于标识该单选框的值:
```
<radio-group bindchange="radioChange">
<label>
<radio value="1" checked="{{radioChecked == '1'}}" />选项1
</label>
<label>
<radio value="2" checked="{{radioChecked == '2'}}" />选项2
</label>
<label>
<radio value="3" checked="{{radioChecked == '3'}}" />选项3
</label>
</radio-group>
```
其中,`radioChecked`是一个变量,用于保存当前选中的单选框的值。在这里,我们使用了双花括号语法来绑定属性值,使得选中的单选框被高亮显示。
然后,在js文件中,定义一个`radioChange`函数,用于在选中单选框时更新`radioChecked`的值,并将其保存在小程序的数据中:
```
Page({
data: {
radioChecked: '1'
},
radioChange: function(e) {
this.setData({
radioChecked: e.detail.value
})
}
})
```
在这里,我们使用了setData()方法来更新小程序的数据,将选中的单选框的值保存在`radioChecked`变量中。
这样,当用户选择不同的单选框时,`radioChecked`的值就会被更新,从而保存了用户的选择。
阅读全文