网页端&小程序的前端note：radio单选框控件的使用

关于小程序的radio控件，官网上非常详细，在这里我主要写关于渲染radio值，
在业务系统中，如性别，是需要在看到radio的同时设定男或女，本人曾经试过在数组中把checked的属性全部设为false，企鹅大佬会自动赋值，最近回来看又不行了，于是手动写了个js方法。
若有其他更简单的解决方案，欢迎留言

<radio-group class="profes" name="profes" value="{{profes}}" bindchange="radioAgeChange">
   <radio class="radio" wx:for-items="{{ageGroup}}" wx:key="name" value="{{item.value}}" checked="{{item.checked}}">
      <text>{{item.name}}</text>
   </radio>
</radio-group>

   ageGroup: [{ value: 1, name: '学生' }, { value: 2, name: '青年'}, { value: 3, name: '成年'}, { value: 4, name: '中年'}]
  /**
   * 加载年龄radio的初始值
   * 目前这方法是一个radio控件就写一次，可改成多个radio控件通用，把ageGroup作为参数传出即可
   */
  setAgeGroup: function (age) {
    var ageGroup = this.data.ageGroup;
    for (var i in ageGroup) {
      var ageGroup = this.data.ageGroup;
      if (ageGroup[i].value == age) {
        ageGroup[i].checked = true
      } else {
        ageGroup[i].checked = false
      }
    }
    this.setData({
      ageGroup: ageGroup
    })
  },

网页端的，待补充