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() {
    var isChecked = this.checked;
    
    if(isChecked) {
        $(this).parents("tr:eq(0)").find(".textbox").prop("disabled",true); 
    } else {
        $(this).parents("tr:eq(0)").find(".textbox").prop("disabled",false);
    }
    
});