JSFiddle - React, Tailwind, and code Playground

Check a checkbox when textarea is typed in

by Jennifer Perrin

HTML

<table>
    <tr>
        <td><input type="checkbox" name="box[1]" ></td>
        <td><textarea name="area[1]"></textarea></td>
    </tr>
    <tr>
        <td><input type="checkbox" name="box[2]"></td>
        <td><textarea name="area[2]"></textarea></td>
    </tr>
    <tr>
        <td><input type="checkbox" name="box[3]"></td>
        <td><textarea name="area[3]"></textarea></td>
    </tr>
</table>

JavaScript

$("textarea").each(function() {
    $(this).keyup(function () {
        if(0 != $(this).val().length) {
            $(this).parent()
                .siblings()
                .find("input")
                .attr("checked", "checked");
        } else {
            $(this).parent()
                .siblings()
                .find("input")
                .attr("checked", false);
        }
    });
}).keyup();