微信小程序多选框功能checkbox-group
时间: 2024-10-13 16:11:34 浏览: 83
微信小程序获取复选框全选反选选中的值(实例代码)
微信小程序中的`checkbox-group`组件是一个用于创建一个多选列表的功能,它允许用户选择多个选项。这个组件通常包含一组复选框,每个复选框代表一个独立的选项,用户可以点击它们来选择或取消选择。当你将这些复选框放在`checkbox-group`标签内,并提供相应的值属性,比如`value`,用于标识选中的选项,用户操作后,可以在后台通过`wx.onChooseChange`事件获取到用户的勾选状态及对应的值。
例如:
```html
<view>
<checkbox-group bindchange="handleCheckedChange">
<checkbox value="option1">选项一</checkbox>
<checkbox value="option2">选项二</checkbox>
<checkbox value="option3">选项三</checkbox>
</checkbox-group>
</view>
<script>
Page({
handleCheckedChange(e) {
console.log('当前选中的项:', e.detail.value);
}
})
</script>
```
在这个例子中,当用户改变任一选项的选中状态,`handleCheckedChange`函数会被触发,显示用户选择的具体选项。
阅读全文