微信小程序开发-单项选择器（radio-group）

单项选择器，内部由多个 radio 组成。可以用来实现单选框的效果。

实现代码：

<radio-group class="group" bindchange="radioChange">
    <view class="label-1" wx:for="{{checkboxItems}}" wx:key="id">
        <label>
            <radio value="{{item.name}}" checked="{{item.checked}}"></radio>
            <text class="label-1-text">{{item.value}}</text>
        </label>            
    </view>                   
</radio-group>

radio-group绑定了radioChange的方法：

radioChange: function (e) {
    this.setData({
       label: e.detail.value
    })
}

此时，label被设置为一个字符串。

checkboxItems的数组可以不做更改：

data: {
        checkboxItems: [{
                name: 'activity',
                value: '精彩分享',
                checked: 'true'
            },
            {
                name: 'online',
                value: '活动预告（线上）'
            },
            {
                name: 'offline',
                value: '活动预告（线下）'
            }
        ],
        labels: ["activity"]
    }

如此，就实现了单选框的效果：

其中第一个框默认是已勾选。