1. 程式人生 > >微信小程式開發——radio元件

微信小程式開發——radio元件

WeChat小程式交流(QQ群:769977169

效果圖


程式碼示例

1、xxx.wxml

   <radio-group bindchange="radioClick">
    <block wx:for="{{radioData}}">
      <radio value='{{item.name}}' checked='{{item.status}}'>{{item.name}}</radio>
    </block>
  </radio-group> 

2、xxx.wxjs

Page({

  /**
   * 頁面的初始資料
   */
  data: {
    radioData: [{name:"男", status:true},
    {name:"女", status:false}],
  },

  radioClick: function (event) {
    console.log(event.detail.value);
  }
}