JSFiddle - React, Tailwind, and code Playground

HTML

<form name="tcol" onsubmit="return false">
    Show columns
    <input type=checkbox name="col1" checked data-number="1"> 1
    <input type=checkbox name="col2" checked data-number="2"> 2
    <input type=checkbox name="col3" checked data-number="3"> 3
</form>
<br />
<input type="button" value="Insert Row">
<br />
<br />
<table id="dataTable">
    <tr>
        <td name="tcol1" id="tcol1" data-checkbox="1">1</td>
        <td name="tcol2" id="tcol2" data-checkbox="2">2</td>
        <td name="tcol3" id="tcol3" data-checkbox="3">3</td>
    </tr>
</table>

JavaScript

$('input:checkbox').change( function() {
    var number = $(this).data('number') - 1;
    var targetTD = $('#dataTable td')[number];
    if ($(this).is(':checked')) {
        $(targetTD).css('background-color', 'white');            
    }
    else {
        $(targetTD).css('background-color', 'yellow');                
    }
});