Enable and disable checkbox

by Mark Wylde

HTML

<table>
    <tr>
        <td>Value1</td>
        <td>Value2</td>
        <td>
            <input type="text" class="textbox" />
        </td>
        <td>
            <input type="checkbox" class="Blocked" />
        </td>
    </tr>
    <tr>
        <td>Value1</td>
        <td>Value2</td>
        <td>
            <input type="text" class="textbox" />
        </td>
        <td>
            <input type="checkbox" class="Blocked" onclick="myFunction(this)" />
        </td>
    </tr>
    <tr>
        <td>Value1</td>
        <td>Value2</td>
        <td>
            <input type="text" class="textbox" />
        </td>
        <td>
            <input type="checkbox" class="Blocked" onclick="myFunction(this)" />
        </td>
    </tr>
    <tr>
        <td>Value1</td>
        <td>Value2</td>
        <td>
            <input type="text" class="textbox" />
        </td>
        <td>
            <input type="checkbox" class="Blocked" onclick="myFunction(this)" />
        </td>
    </tr>
</table>

JavaScript

$('.Blocked').change( function() {
    $(this).parents("tr:eq(0)").find(".textbox").prop("disabled", this.checked); 
});