微信小程序开发教程——1.0.7checkbox 组件

2021/5/2 12:25:16

编程Tag： 微信 checkbox value name 选中 item 1.0 程序开发

本文主要是介绍微信小程序开发教程——1.0.7checkbox 组件，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

7.1 checkbox

多选项目。

属性	默认值	必填	类型	说明	最低版本
value		否	string	checkbox标识，选中时触发checkbox-group的 change 事件，并携带 checkbox 的 value	1.0.0
disabled	false	否	boolean	是否禁用	1.0.0
checked	false	否	boolean	当前是否选中，可用来设置默认选中	1.0.0
color	#09BB07	否	string	checkbox的颜色，同css的color	1.0.0

7.2 checkbox-group

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

属性	类型	默认值	必填	说明	最低版本
bindchange	EventHandle		否	checkbox-group中选中项发生改变时触发 change 事件，detail = {value:[选中的checkbox的value的数组]}	1.0.0

7.3 示例代码：

wxml

<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)
  }
})

这篇关于微信小程序开发教程——1.0.7checkbox 组件的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！

微信小程序开发教程——1.0.7checkbox 组件

7.1 checkbox

7.2 checkbox-group

7.3 示例代码：

相关编程文章