获取uni-app radio button的 选中的值  如何传给后台

 

设置change方法监控用户选择

<view class="item">
					<iconfont type="user"></iconfont>
					<radio-group @change="radioChange">
					
						<label>
							<radio value="1" /><text>男</text>
						</label>
						<label>
							<radio value="2" /><text>女</text>
						</label>
					</radio-group>
				</view>

vue方法里面把选中的值赋值给一个页面变量

 

radioChange(e){
				console.log('type:' + e.detail.value);
				this.sex = e.detail.value;
			},

 

传值给后台API

 

 

根据后台数据，页面显示对应的uni-app radio button 被选中

 

页面上通过 checked的属性来控制是否选中

 

<view class="item">
                    <iconfont type="user"></iconfont>
                    <radio-group @change="radioChange">
                    
                        <label>
                            <radio value="1" :checked='sex == 1' /><text>男</text>
                        </label>
                        <label>
                            <radio value="2"  :checked='sex == 2'/><text>女</text>
                        </label>
                    </radio-group>
                </view>

 

页面变量

 

 

在onload方法里面配置值

 

更多资料关注微信公众平台