小程序之单选框

单选框

bindchange radio-group中选中项发生改变时触发 change 事件，detail = {value:[选中的radio的value的数组]}

使用 radio-group 与 radio 实现单选

wxml

<view class="top grid">
    <label class="title col-0">性别</label>
    <radio-group class="radio-group" bindchange="radioChange"> //若想实现radio 单选必须得要 radio-group
      <label class="radio" wx:for="{{ageList}}" wx:key="value">
        <radio value="{{item.value}}" checked="{{item.checked}}" />{{item.value}}
      </label>
    </radio-group>
  </view>

js

data: {
    ageList: [
      {
        name: 'male',
        value: '男',
        checked: 'true'
      },
      {
        name: 'female',
        value: '女',
      }
    ],
},
  radioChange: function (e) {
    console.log('radio发生change事件，携带value值为：', e.detail.value)
  },