JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/dot-luv/jquery-ui.css">
<table id="food" width="580px">
    <tr>
        <th colspan="5">Eten</th>
    </tr>
    <tr>
        <td>
            <input type="checkbox" name="checkbox_1_1" value=""  />
            <input type="hidden" name="todo_1_1" value="7" />
        </td>                
        <td>Braadworst</td>
        <td>7</td>
        <td><input type="text" name="item_1_1" size="4" value=""/></td>
        <td></td>
    </tr>
    <tr>
        <td>
            <input type="checkbox" name="checkbox_1_2" value=""  />
            <input type="hidden" name="todo_1_2" value="5" />
        </td>                
        <td>Witte worst</td>
        <td>5</td>
        <td><input type="text" name="item_1_2" size="4" value=""/></td>
        <td></td>
    </tr>
</table>

JavaScript

$('#food').delegate(':checkbox', 'change', function() {
    $(this).closest('tr').find('input:text').attr('disabled', !this.checked);
});
$(':checkbox').change(); //set initially