小程序单选按钮选中与取消状态切换——radio

<label class="fr font checked-lable" catchtap='checkedTap'>
   <radio checked="{{checked}}" color='#deab8a' />完全OK
</label>

data: {
    checked: false,
},

//是否
  checkedTap: function() {
    var checked = this.data.checked;
    this.setData({
      "checked": !checked
    })
  },

在wxml的radio中，有一个选中状态的赋值，在label中做点击事件—checkedTap。

首先在data中，声明checked为false。

然后在函数中，获取到当前的checked的状态值，之后再通过this.setData放出。

OK~