Javascript 获取选择列表中的单选按钮值

我用HTML和Javascript代码在单选按钮中检查所选选项值

相反，我需要反转，这意味着需要在选择选项中获得单选按钮的选中值

提前谢谢你的帮助

这是我的密码

<form name="myform" action="">
<label for="select_value" onchange="myFunction()">
<select name="select_value">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
<br>
<label for="radio_value">Select Position</label>
<input type="radio" name="radio_value" value="First">First
<input type="radio" name="radio_value" value="Second">Second
<input type="radio" name="radio_value" value="Third">Third
<input type="radio" name="radio_value" value="Fourth">Fourth
<input type="radio" name="radio_value" value="Fifth">Fifth
</form>
<script>
function myFunction() {
    var x = document.getElementsByName("select_value").value;
    document.getElementsByName('radio_value')[x].checked = true;
}
var select = document.getElementsByTagName('select')[0];
select.onchange = function (event) {
    var btns = document.querySelectorAll('[name^="radio_value"]');
    btns[event.target.value].checked = true
}
</script>

0
1.
2.
3.
4.


选择位置
弗斯特
第二
第三
第四
第五
函数myFunction（）{
var x=document.getElementsByName（“选择值”）.value；
document.getElementsByName（'radio_value'）[x].checked=true；
}
var select=document.getElementsByTagName（'select'）[0]；
select.onchange=函数（事件）{
var btns=document.querySelectorAll（“[name^=“radio_value”]”）；
BTN[event.target.value].checked=true
}

将所有单选按钮放在一个div中，然后单击一个

监听器，如下所示：

<form name="myform" action="">

<label for="select_value" onchange="myFunction()">Select Number</label>




<select id="select_value">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
<br>
<label for="radio_value">Select Position</label>
<div onclick="myFunction()">
<input type="radio" name="radio_value" value="First">First</input>
<input type="radio" name="radio_value" value="Second">Second</input>
<input type="radio" name="radio_value" value="Third">Third</input>
<input type="radio" name="radio_value" value="Fourth">Fourth</input>
<input type="radio" name="radio_value" value="Fifth">Fifth</input>
</div>
</form>
<script>
function myFunction() {
    var buttons = document.getElementsByName('radio_value');
    for(var i = 0;i < buttons.length;i ++) {
        if(buttons[i].checked == true) document.getElementById('select_value').value = i;
    }
}
</script>


选择号码
0
1.
2.
3.
4.


选择位置
弗斯特
第二
第三
第四
第五
函数myFunction（）{
var buttons=document.getElementsByName（“单选值”）；
对于（变量i=0；i

这不是一个完美的解决方案。但是一个简单的解决方案满足您的需要。
如果您想根据所选单选按钮index和not value来修改
选择
索引，您可以使用这个小功能
getCheckedRadioIndex
来获取当前选择的单选索引，然后通过编程方式选择收音机的
onclick
事件中的选项


函数getCheckedRadioIndex（无线电）{
对于（变量i=0；ioption'）；
对于（变量i=0；i


选择号码
0
1.
2.
3.
4.


选择位置
弗斯特
第二
第三
第四
第五
返回一个实时节点列表集合如何在选择选项中获取单选按钮值？可能的重复我认为输入没有关闭标记尝试制作一个JSFIDLE或其他东西-可以更好地显示您想要的东西-如下所示：这正是我所需要的，谢谢@vinoth的回答。