如何使用單選按鈕禁用組合框（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