当从列表中选择一个项目时选择一个单选按钮

-5

我有以下代码。我在列表中有国家字段，在单选按钮中有货币字段。我想要的是，当我选择一个国家时，它会自动从单选按钮中选择货币。我有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>

来源

2016-11-30 shumonira

这是所有的HTML。你有没有尝试过写任何JS呢？ – Vemonus

是根据选项排列的无线电？ – youssouf

尝试这个

//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); 
      } 
     }

来源

2016-11-30 23:16:27 youssouf

当从列表中选择一个项目时选择一个单选按钮

回答

相关问题