跳转到主内容
极星编程网:以代码为星,赴技术山海!

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

微信小程序表单组件 checkbox

相关文章:

微信小程序 Button微信小程序 radio微信小程序 slider微信小程序 switch微信小程序 textarea微信小程序 picker-view微信小程序 picker微信小程序 label微信小程序 input

微信小程序 form微信小程序 checkbox

实现效果图:

checkbox-group多选项目组,内部由多个checkbox组成。

checkbox-group内只能包含checkbox属性名类型默认值说明bindchange EventHandle checkbox-group中选中项发生改变是触发change事件,detail = {value:[选中的checkbox的value的数组]}checkbox多选项目。

属性名类型默认值说明value String checkbox标识,选中时触发checkbox-group的change事件,并携带checkbox的value disabled Boolean false是否禁用checked Boolean false当前是否选中,可用来设置默认选中

示例:

Page({data: {items: [{name: 'USA', value: '美国'},{name: 'CHN', value: '中国', checked: 'true'},{name: 'BRA', value: '巴西'},{name: 'JPN', value: '日本'},{name: 'ENG', value: '英国'},{name: 'TUR', value: '法国'},]},checkboxChange: function(e) {console.log('checkbox发生change事件,携带value值为:', e.detail.value)}})感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

您可能感兴趣的文章:微信小程序 checkbox使用实例解析微信小程序如何修改radio和checkbox的默认样式和图标微信小程序单选radio及多选checkbox按钮用法示例微信小程序checkbox组件使用详解微信小程序使用checkbox显示多项选择框功能【附源码下载】微信小程序(十五)checkbox组件详细介绍微信小程序修改checkbox的样式代码实例

相关文章