设置小程序的流程 微信小程序选择器怎么用

微信小程序框架的checkbox多项选择器组件,也就是我们常说的复选框,用来进行多项选择的时候会用到checkbox多项选择器 。它的属性如图所示 。

设置小程序的流程 微信小程序选择器怎么用

文章插图
checkbox-group是用来容纳checkbox多项选择器的容器,它有一个绑定事件bindchange , <checkbox-group/>中选中项发生改变时触发change事件 , detail={value[选中的checkbox的value的数组]} 。
下面 , 我们来演示一下checkbox多项选择器的使用,以及获取选中的value值 。
1、在WXML文件里使用checkbox进行界面布局,具体代码如下:
设置小程序的流程 微信小程序选择器怎么用

文章插图
2、在js文件里,添加checkboxChange事件函数,获取复选框选中的值,并将其打印出来,具体代码如下:
设置小程序的流程 微信小程序选择器怎么用

文章插图
上述代码效果图如下:
设置小程序的流程 微信小程序选择器怎么用

文章插图
【设置小程序的流程 微信小程序选择器怎么用】从图中可以看出,被禁用的复选框是不能进行使用的 , 在checkbox-group上面绑定bindchange事件 , 每次勾选时 , 会将所有勾选的复选框的值以数组的形式存在detail里 。


    以上关于本文的内容,仅作参考!温馨提示:如遇健康、疾病相关的问题,请您及时就医或请专业人士给予相关指导!

    「四川龙网」www.sichuanlong.com小编还为您精选了以下内容,希望对您有所帮助: