获取单选框的value值

单选框样式,给每个input标签绑定value值
@* 审核结果 *@

<div class="col-12 mt-2">
	<label for="" class="">审核结果:</label>
	<input type="radio" name="radio" class="ml-3" id="carefulOrPass" value="审核通过" />
	<label for="carefulOrPass" class="">送审或者审核通过</label>
	<input type="radio" name="radio" class="ml-3" id="rollbackRevise" value="回退修订" />
	<label for="rollbackRevise" class="">回退修订</label>
	<input type="radio" name="radio" class="ml-3" id="termination" value="终止" />
	<label for="termination" class="">终止</label>
	//隐藏
	<input type="text" id="answer" name="CheckResult" hidden />
</div>

页面效果图
在这里插入图片描述
给input标签绑定点击事件

@* 审核结果 *@
<div class="col-12 mt-2">
	<label for="" class="">审核结果:</label>
	<input type="radio" name="radio" class="ml-3" id="carefulOrPass" onclick="check(this.value)" value="审核通过" />
	<label for="carefulOrPass" class="">送审或者审核通过</label>
	<input type="radio" name="radio" class="ml-3" id="rollbackRevise" onclick="check(this.value)" value="回退修订" />
	<label for="rollbackRevise" class="">回退修订</label>
	<input type="radio" name="radio" class="ml-3" id="termination" onclick="check(this.value)" value="终止" />
	<label for="termination" class="">终止</label>
	<input type="text" id="answer" name="CheckResult" hidden />
</div>

获取单选框触发点击事件后,获取到value值,把value值赋给id为answer的input标签,然后通过查询隐藏的input标签,把value值查出来

function check(radio) {
        document.getElementById("answer").value = radio
    }

//获取单选框的value值,通过提交,把value值控制器输出出来

选择到单选框,提交
在这里插入图片描述

控制器输出的结果

在这里插入图片描述
多种获取单选框radio的value值

  • 2
    点赞
  • 17
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值