微信小程序radio单选框
效果:
选中男返回male,选中女返回female
wxml:
<radio-group bindchange="handlechange">
<radio value="male">男</radio>
<radio value="female">女</radio>
</radio-group>
<view>您选中的是:{{sex}}</view><!--定义变量sex用于接收性别-->
js代码:
Page({
data:{
sex:""
},
handlechange(e){
this.setData({
sex:e.detail.value
})
}
})
1.radio标签必须和父元素radio-group搭配使用
2.value为选中单选框返回的值
3.需要给adio-group绑定change事件