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

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

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

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

checkbox-group是用来容纳checkbox多项选择器的容器,它有一个绑定事件bindchange,中选中项发生改变时触发change事件,detail={value[选中的checkbox的value的数组]}。

下面,我们来演示一下checkbox多项选择器的使用,以及获取选中的value值。

1、在WXML文件里使用checkbox进行界面布局,具体代码如下:

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

2、在js文件里,添加checkboxChange事件函数,获取复选框选中的值,并将其打印出来,具体代码如下:

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

上述代码效果图如下:

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

从图中可以看出,被禁用的复选框是不能进行使用的,在checkbox-group上面绑定bindchange事件,每次勾选时,会将所有勾选的复选框的值以数组的形式存在detail里。

本文内容由互联网用户自发贡献,该文观点仅代表作者本人,本站仅供展示。如发现本站有涉嫌抄袭侵权/违法违规的内容,请发送邮件至 97552693@qq.com 举报,一经查实,本站将立刻删除。

给TA打赏
共{{data.count}}人
人已打赏
电脑

惠普打印机换墨盒的步骤讲解(惠普2622打印机怎么换墨盒)

2024-2-5 23:30:45

电脑

wps入门自学免费全套教程(wps是免费软件吗安全吗)

2024-2-5 23:30:47

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索