JSFiddle - React, Tailwind, and code Playground

by joeterry

HTML

<table id="TAB1" class="TAB" width="1075px" border="1" cellspacing="0">
    <thead>
        <tr id="TAB1-header">
            <th align="center">
                <div style="width:45px">Cal.</div>
            </th>
            <th align="center">
                <div style="width:280px">Type</div>
            </th>
            <th align="center">
                <div style="width:260px">Label</div>
            </th>
            <th align="center">
                <div style="width:080px">Unit</div>
            </th>
            <th align="center">
                <div style="width:120px">Value</div>
            </th>
            <th align="center">
                <div style="width:100px">Select</div>
            </th>
            <th align="center">
                <div style="width:090px">Scale</div>
            </th>
            <th align="center">
                <div style="width:090px">Source</div>
            </th>
        </tr>
    </thead>
    <tbody>
        <tr id="TAB1-31">
            <td align="center">31</td>
            <td align="center">RANDOM_ONE</td>
            <td align="center">Type 1</td>
            <td align="center">km</td>
            <td align="center">100</td>
            <td align="center">
                <input type="checkbox" name="TAB1" class="TAB1" value="31" checked="checked" />
            </td>
            <td align="center">
                <input type="text" name="Scale" class="Validation" value="1" style="width:80%;" />
            </td>
            <td align="center">
                <input type="text" name="Source" class="Validation" value="31" style="width:80%;" />
            </td>
        </tr>
        <tr id="TAB1-32">
            <td align="center">32</td>
            <td align="center">SET_OF_VALUES</td>
            <td align="center">Type 2</td>
            <td align="center">Miles</td>
            <td align="center">150</td>
            <td align="center">
                <input type="checkbox" name="TAB1"...

JavaScript

$(document).ready(function () {
    $("#field_to_validate").change(function () {
        if ($(this).val() === '3') {
            $(this).parent().next().find('input').on('change', function () {
                var val = $(this).val();

                $('.Validation.SetOne').each(function () {
                    $(this).val(val);
                });
            });
        }
    });
});