JSFiddle - React, Tailwind, and code Playground

by Carlos Montano

HTML

<table border="1">
</tr>
    <tr>
    <th scope="col" colspan="2">Comercio  <input type="checkbox" name="checkbox1" id="checkboxComercio" /></th>
    </tr>
    <tr>
    <td>Sala de Venta</td>
    <td>
       <input type="text" id="sala_Venta" name="sala_Venta"  disabled /></td>
   </tr>
     <tr>
    <td>Bodega</td>
    <td><input type="text" id="bodega" name="bodega"  disabled /></td>
   </tr>
     <tr>
    <td>En transito</td>
    <td><input type="text" id="en_Transito" name="en_Transito" disabled /></td>
   </tr>
     <tr>
    <th scope="col" colspan="2">Industria <input type="checkbox" name="checkbox2" id="checkboxIndustria" /></th>
    </tr>     
    <tr>
    <td>Terminados</td>
    <td>
    <input type="text" id="Terminados" name="Terminados"  disabled /></td>
   </tr>
     <tr>
    <td>En Proceso</td>
    <td><input type="text" id="en_Proceso" name="en_Proceso"  disabled /></td>
   </tr>
     <tr>
    <td>Produccion</td>
     <td><input type="text" id="en_Produccion" name="en_Produccion" disabled /></td>
   </tr>
</table>

JavaScript

$(function() {
    $('#checkboxComercio, #checkboxIndustria').click(function() {
        var cb1 = $('#checkboxComercio').is(':checked');
        var cb2 = $('#checkboxIndustria').is(':checked');
        $('#sala_Venta, #en_Transito, #bodega').prop('disabled', !cb1 );
//        $('#bodega').prop('disabled', !cb1);
        $('#Terminados, #en_Proceso, #en_Produccion').prop('disabled', !cb2);    
    });
});