在微信小程序中获取单选数据,通常有以下几种方法:
使用表单控件
在`
示例代码:
```html
```
使用`wx.getStorageSync`获取存储数据
如果需要在页面加载时获取之前存储的单选数据,可以使用`wx.getStorageSync`方法。
示例代码:
```javascript
Page({
data: {
items: [
{ value: 'option1', label: '选项1', checked: true },
{ value: 'option2', label: '选项2' },
{ value: 'option3', label: '选项3' }
]
},
radioChange: function(e) {
console.log(e.detail.value); // 输出选中的单选按钮的值
}
});
```
使用`setData`动态更新数据
在需要更新单选数据时,可以使用`this.setData`方法动态更新页面数据。
示例代码:
```javascript
Page({
onLoad: function() {
const chosenData = wx.getStorageSync('chosenData');
console.log(chosenData); // 输出存储的单选数据
}
});
```
使用`picker`组件获取数组下标
如果使用`picker`组件获取单选数据,通常返回的是数组下标,需要通过设置`objectArray`来正确获取和展示选中项。
示例代码:
```javascript
Page({
data: {
listInfo: []
},
getChose: function() {
let v = this.data;
let listInfo = v.listInfo;
listInfo.forEach((item, i) => {
if (inspectInfo.itemCode == item.itemCode) {
item.isCheck = true;
} else {
item.isCheck = false;
}
});
this.setData({
listInfo: listInfo
});
}
});
```
根据以上方法,可以根据具体需求选择合适的方式获取单选数据。如果需要更复杂的逻辑,可以结合使用这些方法来实现。