当从列表中选择一个项目时选择一个单选按钮
问题描述:
我有以下代码。我在列表中有国家字段,在单选按钮中有货币字段。我想要的是,当我选择一个国家时,它会自动从单选按钮中选择货币。我有3种货币美元,欧元&英镑,欧盟是欧元,英国是英镑&,其余的是美元。当从列表中选择一个项目时选择一个单选按钮
请帮我....
<!DOCTYPE html>
<html>
<head>
<title>Radio button and List Check</title></head>
<body>
<form class="form-horizontal" action="" method="post">
<div class="form-group">
<label class="col-sm-2 control-label">Country</label>
<div class="col-sm-10">
<select class="form-control" id="country">
<option value="">Please select Country</option>
<option value="US">US</option>
<option value="EU">EU</option>
<option value="UK">UK</option>
<option value="China">China</option>
<option value="India">India</option>
<option value="Korea">Korea</option>
<option value="Asia">Asia</option>
<option value="Russia">Russia</option>
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">Currency</label>
<div class="col-sm-10">
<label class="radio-inline">
<input type="radio" name="optradio" >USD</label>
<label class="radio-inline">
<input type="radio" name="optradio">EUR</label>
<label class="radio-inline">
<input type="radio" name="optradio">GBP</label>
</div>
</div>
</form>
</body>
</html>
答
尝试这个
//This solution requires you to order currencies accordingly to countries
var country = document.getElementById("country");
var radios = document.querySelectorAll("[name='optradio']");
country.onchange = function(){
var si = this.selectedIndex;
for(var i = 0; i < radios.length; i++){
radios[i].checked = (si === i);
}
}
这是所有的HTML。你有没有尝试过写任何JS呢? – Vemonus
是根据选项排列的无线电? – youssouf