如何使用单选按钮禁用组合框（javascript）

我有3个单选按钮，位于我的HTMl和3个不同的组合框中。我希望通过单选按钮来启用/禁用组合框的Crtl。例如，当我单击G1单选按钮时，仅启用g1组合框&其他功能处于禁用状态。我怎么这样与JS！？如何使用单选按钮禁用组合框（javascript）

<input type="radio" name="g1" value="g1"> G1 
<input type="radio" name="g2" value="g2"> G2 
<input type="radio" name="g3" value="g3"> G3 


<select name="g1"> 
<option value="one">one</option> 
<option value="two">two</option> 
<option value="three">three</option> 

<select name="g2"> 
<option value="one">one</option> 
<option value="two">two</option> 
<option value="three">three</option> 

<select name="g3"> 
<option value="one">one</option> 
<option value="two">two</option> 
<option value="three">three</option>

来源

2012-09-24 AMiSH13

试试这个代码正常工作：

<script type="text/javascript" language="javascript"> 
    $(document).ready(function(){ 
     $('.radio').click(function(){ 
      $('.radio').not(this).removeAttr("checked"); 
      var id="select_"+$(this).attr('id'); 
      $('select').removeAttr("disabled"); 
      $('select').not("#"+id).attr('disabled','true'); 
     }); 
    }); 
</script>

HTML：

<input type="radio" name="g1" value="g1" class="radio" id="g1"> G1 
<input type="radio" name="g2" value="g2" class="radio" id="g2"> G2 
<input type="radio" name="g3" value="g3" class="radio" id="g3"> G3 


    <select name="g1" id="select_g1"> 
    <option value="one">one</option> 
    <option value="two">two</option> 
    <option value="three">three</option> 
    </select> 

    <select name="g2" id="select_g2"> 
    <option value="one">one</option> 
    <option value="two">two</option> 
    <option value="three">three</option> 
    </select> 

    <select name="g3" id="select_g3"> 
    <option value="one">one</option> 
    <option value="two">two</option> 
    <option value="three">three</option> 
    </select>

的jsfiddle： * http://jsfiddle.net/Xbcvh/ *

来源

2012-09-24 07:02:45