频道导航

微信小程序 checkbox组件详解及简单实例

2019-01-03 微信小程序前端之家

前端之家收集整理的这篇文章主要介绍了微信小程序 checkbox组件详解及简单实例，前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

<div class="content-head-title">@H_404_0@微信小程序表单组件 checkBox

@H_404_0@相关文章：

@H_404_0@

@H_404_0@微信小程序 checkBox

效果图：

@H_404_0@checkBox-group

多选项目组，内部由多个checkBox组成。

checkBox-group内只能包含checkBox

属性名类型默认值说明 Box-group中选中项发生改变是触发change事件，detail = {value:[选中的checkBox的value的数组]} checkBox

多选项目。

属性名类型默认值说明 Box标识，选中时触发checkBox-group的change事件，并携带checkBox的value @H_404_0@示例：

Box-group bindchange="checkBoxChange"> Box" wx:for-items="{{items}}"> Box value="{{item.name}}" checked="{{item.checked}}"/>{{item.value}}

BoxChange: function(e) { console.log('checkBox发生change事件，携带value值为：',e.detail.value) } })

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

checkbox checkbox checkbox组件 checkbox详解及实例微信小程序

上一篇：微信小程序 Button 组件详解及简单下一篇：微信小程序 form组件详解及简单实例

猜你在找的微信小程序相关文章

[小程序]微信小程序获取input并发送网络请求

1. 获取输入框数据wxml中的input上增加bindinput属性，和方法值在js部分定义与之对应的方法...

作者：前端之家时间：2021-02-06

[小程序]微信小程序获取位置展示地图并标注信息

1.map组件的高度如果想要铺满屏幕，要是使用height:100vh样式2.获取位置要在app.json中标明...

作者：前端之家时间：2021-02-06

QQ小程序支付

QQ小程序支付 Java后端同学折腾QQ小程序的支付折腾了好几天，没有完成统一下单，因为我做...

作者：前端之家时间：2020-12-19

.NET之微信小程序获取用户UnionID

前言：在实际项目开发中我们经常会遇到账号统一的问题，如何在不同端或者是不同的登录方式...

作者：前端之家时间：2024-10-02

微信小程序picker组件关于objectArray数据类型绑定

一、前言：我发现很多的同学都在抱怨说微信小程序的picker的mode = selector/mode = mult...

作者：前端之家时间：2024-10-02

uni-app微信小程序开发之引入腾讯视频小程序播放插件

登录微信小程序管理后台添加腾讯视频播放插件：正式开始使用腾讯视频小程序插件之前需先在...

作者：前端之家时间：2024-10-02

微信小程序开发笔记

前言：因为前段时间一直在做关于微信小程序方面的项目，作为一名后端的攻城狮而言做一些简...

作者：前端之家时间：2024-10-02

微信小程序之onLaunch与onload异步问题

所述问题：前端时间开发了一个微信小程序商城项目，因为这个项目我们的需求是进入小程序就...

作者：前端之家时间：2024-10-02

微信小程序开发之多图片上传+.NET WebAPI后端服务保存图片资源

前言：最近开发的一个微信小程序项目需要做一个同时选中三张（或者是多张）图片一起上传到...

作者：前端之家时间：2024-10-02

小程序修改原生标题栏返回键的方法

在开发的过程中，我遇到过一个需求，需要将4到5个页面合为一个，在页面里制作切换和返回方...

作者：前端之家时间：2020-11-20