微信小程序checkbox多选器怎么知道选择的id
时间: 2023-07-13 09:05:54 浏览: 118
微信小程序-新闻阅读器小程序项目源码-原生开发框架-含效果截图示例.zip
在微信小程序中,可以通过以下代码获取checkbox多选器选择的id:
1. 在wxml中定义checkbox组件,并绑定一个change事件:
```html
<checkbox-group bindchange="checkboxChange">
<label wx:for="{{items}}" wx:key="{{index}}">
<checkbox value="{{item.id}}" checked="{{item.checked}}">{{item.name}}</checkbox>
</label>
</checkbox-group>
```
2. 在js文件中添加checkboxChange事件处理函数,并在其中获取选中的id:
```javascript
Page({
data: {
items: [
{id: 1, name: '选项1', checked: false},
{id: 2, name: '选项2', checked: false},
{id: 3, name: '选项3', checked: false},
]
},
checkboxChange(e) {
const checkedItems = e.detail.value;
console.log('选中的id为:', checkedItems);
}
})
```
在上面的示例中,checkboxChange事件处理函数中使用e.detail.value获取到选中的id数组,然后打印出来。
阅读全文