微信小程序框架的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小编还为您精选了以下内容,希望对您有所帮助:- 红烧排骨用大排还是小排 红烧排骨怎样做好吃又简单
- Scrivener设置自动备份为ZIP文件
- Nomad建模软件色调映射设置教程
- WPS表格自动添加边框设置教程
- Excel表格自动换行设置技巧
- 小儿氨酚黄那敏颗粒是什么作用 小儿氨酚黄那敏颗粒
- 新如何利用PPT定制幻灯片背景及颜色效果设置?
- 辣椒糊糊制作简单 辣椒糊糊详细做法
- Win7网络访问权限设置教程
- 私处美容小常识:私处瘙痒能用热水洗吗