微信小程序checkbox多选项组件

微信小程序checkbox多选项组件

checkbox的使用与HTML中checkbox的使用几乎一模一样，一般用于选项的多项选择。
建议将不同组的checkbox分别嵌套在不同的checkbox-group中，方便管理、区分，当checkbox-group内的checkbox改变的时候，会触发checkbox-group的bindchange事件。

checkbox多选项组件示例如下：

<!--index.wxml-->
<checkbox-group bindchange="checkboxChange" style='margin-left:20px;'>
  <checkbox value='北京' checked>北京</checkbox><view></view>
  <checkbox value='上海'>上海</checkbox><view></view>
  <checkbox value='广州'>广州</checkbox><view></view>
  <checkbox value='深圳'>深圳</checkbox><view></view>
  <checkbox value='杭州'>杭州</checkbox><view></view>
</checkbox-group>
// index.js
Page({
  checkboxChange: function(e){
    console.log(e.detail.value);
  }
})

checkbox多选项组件示例如图所示：

checkbox多选项组件属性如表所示：

酷客网相关文章：

• 微信小程序button按钮组件
• 微信小程序form表单组件
• 微信小程序map地图组件
• 微信小程序switch开关组件