微信小程序选择器怎么用

2023-11-28 11:06 44次浏览 知识

微信小程序框架的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里。

喜欢 (0)

相关推荐