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

微信小程序框架的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 举报,一经查实,本站将立刻删除。本文链接:https://teaffka.com/n/25634.html

(0)
小智的头像小智
上一篇 2023年 11月 28日
下一篇 2023年 11月 28日

相关推荐

发表回复

登录后才能评论

联系我们

在线咨询: QQ交谈

邮件:97552693@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息