微信小程序checkbox组件详细介绍

微信小程序checkbox组件详细介绍
这篇文章主要介绍了微信小程序checkbox组件详细介绍的相关资料,需要的朋友可以参考下

这篇文章主要介绍了微信小程序checkbox组件详细介绍的相关资料,需要的朋友可以参考下

不得不吐糟下checkbox默认样式真是有点略丑！！！checkbox组件为一个多选框被放到checkbox-group组中，并在checkbox-group（只能包含checkbox）中设置监听事件。

checkbox-group监听方法：

checkbox多选属性：

wxml

<!--checkbox-group就是一个checkbox组 有个监听事件bindchange，监听数据选中和取消--><checkbox-group bindchange="listenCheckboxChange"><!--这里用label显示内容，for循环写法 wx:for-items 默认item为每一项--> <label style="display: flex;" wx:for-items="{{items}}"> <!--value值和默认选中状态都是通过数据绑定在js中的--> <checkbox value="{{item.name}}" checked="{{item.checked}}"/>{{item.value}} </label></checkbox-group>