初始化的时候默认勾选第一个
index.wxml
<radio-group bindchange="radioChanged" view class="radioBox">
<radio class="radio" value="TO_KID" checked="true">年轻</radio>
<radio class="radio" value="TO_OLD">老迈</radio>
<radio class="radio" value="TO_FEMALE">女生</radio>
<radio class="radio" value="TO_MALE">男生</radio>
</radio-group>imgType也默认设置成第一个的值
index.js
data:{
imgType:'TO_KID',
},
radioChanged: function (event) {
let imgType = event.detail.value;
this.setData({
imgType : imgType
});
},index.wxss
.radioBox{
width:90%;
height:5%;
margin-left:5%;
margin-top:5%;
color:#4FAFF2;
font-size:32rpx;
}
.radio{
width:23%;
height:100%;
margin-left:2%;
}最后的效果
文章来源：https://www.toymoban.com/news/detail-743626.html
文章来源地址https://www.toymoban.com/news/detail-743626.html
到了这里，关于微信小程序之radio-group的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
