jquery - 在同一表行中获取下一个下拉组合框的最佳 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

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

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

我认为您可能希望在选中时禁用并在未选中时再次启用，如果是这种情况，您需要为所有 radio 输入提供相同的名称属性并执行以下操作

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

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