JSFiddle - React, Tailwind, and code Playground

by David Thomas

HTML

<table>
    <tr><td><input type="text"></td></tr>
    <tr><td><input type="checkbox"></td></tr>
    <tr><td><input type="text"></td></tr>
    <tr><td><input type="checkbox"></td></tr>
    <tr><td><input type="text"></td></tr>
    <tr><td><input type="checkbox"></td></tr>
</table>

JavaScript

var $textInputs = $('table input:text');
var prevData, textInputIndex, affectedTextInputIndex, textInputValues = [];

$('input:checkbox').change(
    function(){
        affectedTextInputIndex = $(this).index('table input') - 1;
        textInputIndex = $('table input').eq(affectedTextInputIndex).index('table input:text');
        
        if ($(this).is(':checked')) {
            textInputValues[textInputIndex] = $textInputs.eq(textInputIndex).val();
            $textInputs.eq(textInputIndex).val('');
        }
        else {
            $textInputs.eq(textInputIndex).val(textInputValues[textInputIndex]);
        }
    });