JSFiddle - React, Tailwind, and code Playground

by Simon Price

HTML

<button input="button" id="bttn">
<button type='input' id='bttnNewPassword' class='btn btn-danger txtWhite bttnGenerate'><i class='fa fa-key fa-lg'></i>Button</button>
</button>

<table id="table1">
<th>
  <tr></tr>
</th>
<tbody>
 <tr id="3333">
   <td>cell in a row</td>
   <td><input type="checkbox" id="cb_3333"></td>
 </tr>
  <tr id="4444">
   <td>cell in a row</td>
   <td><input type="checkbox" checked id="cb_4444"></td>
 </tr>
  <tr id="5555">
   <td>cell in a row</td>
   <td><input type="checkbox" id="cb_5555"></td>
 </tr>
  <tr id="6666">
   <td>cell in a row</td>
   <td><input type="checkbox" id="cb_6666"></td>
 </tr>
</tbody>
</table>

JavaScript

;$(function()
{
    CountSelectedCB = [];

    function hideCheckbox() {
        $("#bttn").click(function () {
            selectedCB = [];
            notSelectedCB = [];

            CountSelectedCB.length = 0; // clear selected cb count
            $(":checkbox").each(function () {
                if ($(this).is(":checked")) {
                    CountSelectedCB.push($(this).val());
                    var id = $(this).attr('id');
										//alert(id)
                    var divToHide = id.replace("cb_", "")
                    //alert(divToHide)
                    var $row = $(this).closest("tr");
                    $("#"+divToHide).hide("slow");
                    
                }
            });

        }).trigger("loader click");

    }

    $(document).ready(hideCheckbox);
});