AD:靠谱的微信小程序外包开发

admin

admin

发表于 2017-02-06 11:31:38

多项选择器checkbox-group-表单组件-微信小程序组件-微信 小程序开发教程



checkbox-group

多项选择器,内部由多个checkbox组成。

属性名类型默认值说明
bindchangeEventHandle
<checkbox-group/>中选中项发生改变是触发 change 事件,detail = {value:[选中的checkbox的value的数组]}

checkbox

多选项目。

属性名类型默认值说明
valueString
<checkbox/>标识,选中时触发<checkbox-group/>的 change 事件,并携带 <checkbox/> 的 value
disabledBooleanfalse是否禁用
checkedBooleanfalse当前是否选中,可用来设置默认选中
colorColor
checkbox的颜色,同css的color

示例:

<checkbox-group bindchange="checkboxChange">
  <label class="checkbox" wx:for="{{items}}">
    <checkbox value="{{item.name}}" checked="{{item.checked}}"/>{{item.value}}  </label></checkbox-group>
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


扩展阅读:

微信 小程序开发组件:表单组件button,form,input,picker-微信 小程序开发教程

按钮button-表单组件-微信小程序组件-微信 小程序开发教程

多项选择器checkbox-group-表单组件-微信小程序组件-微信 小程序开发教程


表单form-表单组件-微信小程序组件-微信 小程序开发教程

 输入框input-表单组件-微信小程序组件-微信 小程序开发教程

label详解-表单组件-微信小程序组件-微信 小程序开发教程

滚动选择去picker详解-表单组件-微信小程序组件-微信 小程序开发教程

嵌入页面的滚动选择器picker-view详解-表单组件-微信小程序组件-微信 小程序开发教程

单项选择器radio详解-表单组件-微信小程序组件-微信 小程序开发教程

滑动选择器slider详解-表单组件-微信小程序组件-微信 小程序开发教程

开关选择器switch详解-表单组件-微信小程序组件-微信 小程序开发教程

多行输入框textarea详解-表单组件-微信小程序组件-微信 小程序开发教程


145阅读 | 0评论
你的回应
写文章

1487