JSFiddle - React, Tailwind, and code Playground

by Abel Lopes

HTML

<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<input type="hidden" id="HdnIDs" />
<table id="tester">
    <thead>
        <tr>
            <th>
                Excel?
            </th>
            <th>
                Operação

            </th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>
                <div>
                    <input type="checkbox" id="inputs" data-value="3243">
                </div>
            </td>
            <td>
                teste1
            </td>
        </tr>
        <tr>
            <td>
                <div>
                    <input type="checkbox" id="inputs" data-value="3247">
                </div>
            </td>
            <td>
                teste2
            </td>

        </tr>
        <tr>
            <td>
                    <input type="checkbox" id="inputs" data-value="3246">
            </td>
            <td>
                test3
            </td>
        </tr>
        <tr>
            <td>
                <div>
                    <input type="checkbox" id="inputs" data-value="3245">
                </div>
            </td>
            <td>
                TESTE1
            </td>
        </tr>
    </tbody>
</table>

<button id="btnexcellSelect" class="btn btn-success btn-sm"><i class="fa fa-file-excel-o"></i>&nbsp;&nbsp;Get Excel</button>

<br>
<div id="result"></div>

JavaScript

$(function () {
 var listInput = [];
  $("#btnexcellSelect").attr("disabled", "disabled");
  
  $('input[type=checkbox]').change(function() {
  listInput = [];
      $("#tester > tbody  tr").each(function () {      			
      		if ($('input[type=checkbox]').is(':checked')) {  
             $('#btnexcellSelect').removeAttr('disabled');            
          }else{         
          	 $("#btnexcellSelect").attr("disabled", "disabled");
             $('#result').html('');
             
          }
      });
  });

  $('#btnexcellSelect').click(function (e) {
    if ($('input[type=checkbox]').is(':checked')) {
     	$('input[type=checkbox]').each(function(){
      		if ($(this).is(':checked')) 
          {
            listInput.push($(this).attr('data-value'));
          }
      });
      $('#result').html(listInput.join(", "));
    }
    e.preventDefault();
  });
});