小程序checkbox
时间: 2023-09-17 14:13:39 浏览: 92
小程序中使用`<checkbox>`标签来创建复选框。
示例代码:
```html
<checkbox-group>
<label class="checkbox-label">
<checkbox value="1" checked="{{true}}"/>
<text>选项1</text>
</label>
<label class="checkbox-label">
<checkbox value="2"/>
<text>选项2</text>
</label>
</checkbox-group>
```
在`<checkbox>`标签中,``属性表示该选项的值,`checked`属性表示该选项是否默认选中。
在`<checkbox-group>`标签中,可以包含多个`<label>`标签,每个`<label>`标签中包含一个`<checkbox>`标签和一个`<text>`标签,用于显示选项名称。
选中的复选框的值可以通过`<checkbox-group>`标签的`bindchange`属性绑定一个事件处理函数来获取。事件处理函数的参数中包含`detail.value`属性,值为选中的复选框的值的数组。
示例代码:
```javascript
Page({
checkboxChange: function(e) {
console.log('选中的值为:', e.detail.value);
}
})
```
```html
<checkbox-group bindchange="checkboxChange">
<!-- 多个复选框 -->
</checkbox-group>
```
阅读全文