wxml做判断题微信小程序
时间: 2023-10-03 07:04:09 浏览: 104
微信小程序 教程之WXML
可以使用 `<radio-group>` 组件和 `<radio>` 组件来实现判断题。具体步骤如下:
1. 在 wxml 文件中创建一个 `<radio-group>` 组件,并设置一个唯一的 id。
```html
<radio-group id="question1">
<radio value="true">正确</radio>
<radio value="false">错误</radio>
</radio-group>
```
2. 在 js 文件中获取用户选择的答案,并判断是否正确。
```js
// 获取用户选择的答案
const answer = wx.getStorageSync('question1');
// 判断用户答案是否正确
if (answer === 'true') {
// 答案正确
} else {
// 答案错误
}
```
3. 当用户选择答案后,将答案存储到本地缓存中。
```js
wx.setStorageSync('question1', e.detail.value);
```
完整代码如下:
```html
<radio-group id="question1" bindchange="onQuestion1Change">
<radio value="true">正确</radio>
<radio value="false">错误</radio>
</radio-group>
```
```js
Page({
onQuestion1Change: function (e) {
wx.setStorageSync('question1', e.detail.value);
},
checkAnswer: function () {
const answer = wx.getStorageSync('question1');
if (answer === 'true') {
// 答案正确
} else {
// 答案错误
}
}
})
```
注意:以上代码仅为示例代码,具体实现还需要根据实际情况进行调整。
阅读全文