JSFiddle - React, Tailwind, and code Playground

by Weliton Figueiredo

HTML

<table border="1">
    <thead>
        <tr>
            <th>Descrição do Menu</th>
            <th>Definir tipo de uso do menu</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td><i class="fa fa-dashboard"></i> Painel</td>
            <td id="c3">
                <label class="checkbox-inline">
                    <input type="checkbox" class="chek" name="c[]" value="v_1_1" checked=""> Visualizar
                </label>
                <label class="checkbox-inline">
                    <input type="checkbox" name="c[]" value="e_0_1"> Editar
                </label>
                <label class="checkbox-inline">
                    <input type="checkbox" name="c[]" value="d_1_1" checked=""> Deletar
                </label>
            </td>
        </tr>
        <tr>
            <td><i class="fa fa-tags"></i> Produto</td>
            <td id="c4">
                <label class="checkbox-inline">
                    <input type="checkbox" class="chek" name="c[]" value="v_1_2"> Visualizar
                </label>
                <label class="checkbox-inline">
                    <input type="checkbox" name="c[]" value="e_1_2" checked=""> Editar
                </label>
                <label class="checkbox-inline">
                    <input type="checkbox" name="c[]" value="d_1_2" checked=""> Deletar
                </label>
            </td>
        </tr>
        <tr>
            <td><i class="fa fa-life-ring"></i> Lista</td>
            <td id="c4">
                <label class="checkbox-inline">
                    <input type="checkbox" class="chek" name="c[]" value="v_1_2"> Visualizar
                </label>
                <label class="checkbox-inline">
                    <input type="checkbox" name="c[]" value="e_1_2" disabled> Editar
                </label>
                <label class="checkbox-inline">
                    <input type="checkbox" name="c[]" value="d_1_2" disabled> Deletar
                </label>
           ...

JavaScript

$("input.chek").on("click", function(){
    if($(this).is(':checked')){
    }
});