Question

i have a table where the first column is a radio button and the second column is a dropdown. i want to have it when i click any of the radio buttons it enables the dropdown that is in the same row. i know how to disable to dropdown but i can’t figure out the right selector

 <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')
})

Check working example at http://jsfiddle.net/6d2ET/3/

I think you may be looking to disable when checked and enabled again if not checked, if that’s the case, you need to give all your radio inputs the same name attribute and do the following

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

Check working example at http://jsfiddle.net/6d2ET/4/