uniapp单选框和获取单选框的值

其实uniapp的单选框的标签不是像html中的标签`<input type="radio" />`,
uniapp中有单独的单选框标签`<radio value="女" /><text>女</text>`,

单选框代码块

	<view class="uni-form-item uni-column">
		<radio-group name="sex" @change="radioChange">
			<label>性别:</label>
			<label>
				<radio value="男" checked="checked" /><text></text>	//默认选中
				<radio value="女" /><text></text>
			</label>
		</radio-group>
	</view>
效果图:

效果图
这样实现uniapp单选框了
想要获取单选框的值如下:
@change=“radioChange”,进行单选框的取值操作进行输出即可
单选框取值

	//单选框(获取学生性别)		
	radioChange: function(evt) {
		this.sb=evt.detail.value
	},
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值