微信小程序题目选择选项ABCD中的一项具体代码
时间: 2024-10-09 10:04:20 浏览: 39
微信小程序源码 题库:选择选项,切换至下一题(学习版)
5星 · 资源好评率100%
微信小程序中,通常在HTML模板里使用`<radio-group>`标签来实现单选或多选的选择题,每个选项由`<radio>`元素表示。假设你有一个包含四个选项A、B、C、D的问题,你可以这样做:
```html
<view class="question">
<label for="choice-A">选项A</label>
<radio class="option" id="choice-A" value="A"></radio>
<label for="choice-B">选项B</label>
<radio class="option" id="choice-B" value="B"></radio>
<label for="choice-C">选项C</label>
<radio class="option" id="choice-C" value="C"></radio>
<label for="choice-D">选项D</label>
<radio class="option" id="choice-D" value="D"></radio>
</view>
```
然后在对应的JS文件中处理用户点击事件,获取用户选择的值,例如:
```javascript
Page({
data: {
selectedOption: '',
},
onRadioChange(e) { // 当用户点击radio时触发此函数
this.setData({
selectedOption: e.detail.value, // 获取用户选择的值
});
}
})
```
阅读全文