在同一表行中获取下一个下拉组合框的最佳 jquery 选择器是什么

Question

我有一个表，其中第一列是单选按钮，第二列是下拉列表。我希望当我单击任何单选按钮时它会启用同一行中的下拉菜单。我知道如何禁用下拉菜单，但我无法找出正确的选择器

 <table>
   <tr>
        <td>[..radio button 1 ..] </td><td> [...dropdown combo 1.  .] </td>
    </tr>
    <tr>
        <td>[..radio button 2..] </td><td> [...dropdown combo 2.  .] </td>
    </tr>
    <tr>
        <td>[..radio button 3..] </td><td> [...dropdown combo 3.  .] </td>
    </tr>
    <tr>
        <td>[..radio button 4..] </td><td> [...dropdown combo 4.  .] </td>
    </tr>
 </table>

Answer 1

$(document).ready(function() {
    $("select").attr("disabled", true);
    $("input").click(function() {
        $("select").attr("disabled", true);
        $(this).closest("tr").find("select").attr("disabled", false);
    });

});

工作示例： http://jsfiddle.net/YcSYg/

Answer 2

$(':radio').click(function() {
    $(this).parent().next('td').find('select').attr('disabled', 'disabled')
})

检查工作示例 http://jsfiddle.net/6d2ET/3/

我想你可能正在寻找要在选中时禁用，如果未选中则再次启用，如果是这种情况，您需要为所有无线电输入提供相同的名称属性，并

$(':radio').click(function() {
    $('td select').removeAttr('disabled')
    $(this).parent().next().find('select').attr('disabled', 'disabled')
})

在 http://jsfiddle.net/6d2ET/4/

Answer 3

$('#radioId').parent().next('td').children('select:eq(0)')