JSFiddle - React, Tailwind, and code Playground

by j08691

HTML

<form method="post" action="mailto:@null">
    <table style="width:500px">
        <tr>
            <td><a href="https://null" target="_d1">Document 1</a>

                <td>
                    <input type="checkbox" name="name1" value="D1" disabled>
                </td>
        </tr>
        <tr>
            <td><a href="https://null" target="_d2">Document 2</a>
            </td>
            <td>
                <input type="checkbox" name="name1" value="D2" disabled>
            </td>
        </tr>
        <tr>
            <td><a href="https://null" target="_d3">Document 3</a>
            </td>
            <td>
                <input type="checkbox" name="name1" value="D3" disabled>
            </td>
        </tr>
        <tr>
            <td><a href="https://null" target="_d4">Document 4</a>
            </td>
            <td>
                <input type="checkbox" name="name1" value="D4" disabled>
            </td>
        </tr>
        <tr>
            <td><a href="https://null" target="_d5">Document 5</a>
            </td>
            <td>
                <input type="checkbox" name="name1" value="D5" disabled>
            </td>
        </tr>
        <tr>
            <td><a href="https://null" target="_d6">Document 6</a>
            </td>
            <td>
                <input type="checkbox" name="policyAcknowledgement" value="D6" disabled>
            </td>
        </tr>
    </table>
    <input type="submit">
    <input type="reset">
</form>

JavaScript

$("a").click(function (e) {
    e.preventDefault();
    $(this).parent().next().find('input').removeAttr("disabled");
});