Question

I have a table with a column on prices and the next column is a check box to mark whether that item was paid. I was wondering how I could populate the text box with the amount when the check box is clicked.

Code:

<table> 
  <tr> 
    <td>Procedure</td> 
    <td>Amount</td>
    <td align="center"><input type="checkbox"></td>
    <input type="text" size="20" value="" class="currency"> 
  </tr>
</table>

Answer 1

HTML

<table>
    <tr>
        <td>Procedure</td>
        <td>Amount</td>
        <td align="center">
            <input type="checkbox">
        </td>
        <td>
            <input type="text" size="20" value="" class="currency">
        </td>
    </tr>
</table>

JavaScript/jQuery:

$(function() {
    $('table input[type="checkbox"]').change(function() {
        var input = $(this).closest('td').next('td').find('input');

        if ($(this).is(':checked')) {
            var amount = $(this).closest('td').prev('td').text();

            input.val(amount);
        } else {
            input.val('');
        }
    });
});

See a working example at: http://jsfiddle.net/KTQgv/2/.