微信小程序（十五）checkbox组件详细介绍

微信小程序（十五）checkbox组件详细介绍

不得不吐糟下checkbox默认样式真是有点略丑！！！checkbox组件为一个多选框被放到checkbox-group组中，并在checkbox-group（只能包含checkbox）中设置监听事件。

checkbox-group监听方法：

checkbox多选属性：

wxml

{{item.value}}

js

Page({

/**

* 初始化数据

*/

data:{

items: [

{name: 'java', value: 'android', checked: 'true'},

{name: 'Object-C', value: 'IOS'},

{name: 'JSX', value: 'ReactNative'},

{name: 'JS', value: 'wechat'},

{name: 'python', value: 'Web'}

]

},

/**

* 监听checkbox事件

*/

listenCheckboxChange:function(e) {

console.log('当checkbox-group中的checkbox选中或者取消是我被调用');

//打印对象包含的详细信息

console.log(e);

},

onLoad:function(options){

// 页面初始化 options为页面跳转所带来的参数

},

onReady:function(){

// 页面渲染完成

},

onShow:function(){

// 页面显示

},

onHide:function(){

// 页面隐藏

},

onUnload:function(){

// 页面关闭

}

})

相关文章：

hello WeApp                      icon组件

Window                             text组件                                switch组件

tabBar底部导航                 progress组件                        action-sheet

应用生命周期                    button组件                            modal组件

页面生命周期                    checkbox组件                       toast组件

模块化详                           form组件详                            loading 组件

数据绑定                           input 组件                             navigator 组件

View组件                          picker组件      &nbsptxTiFwutIL;                      audio 组件

scroll-view组件                 radio组件                              video组件

swiper组件                        slider组件                              Image组件

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。