JSFiddle - React, Tailwind, and code Playground

HTML

<article id="listagem">
  <h2>AGRUPAR PARA REEMBOLSO</h2>
  <table>
    <tr>
      <th>Agrupar</th>
      <th>ID</th>
      <th>Vencimento</th>
      <th>Cliente/Fornecedor</th>
      <th>Valor</th>
      <th>Descrição</th>
    </tr>
    <tr>
      <td id="35" class='identificador'><input type='checkbox' name="35" /></td>
      <td>35</td>
      <td>30/08/2019</td>
      <td>Ruy Hoffman</td>
      <td>
        <p data-id="35">-1000</p>
      </td>
      <td>descrição</td>
    </tr>
    <tr>
      <td id="34" class='identificador'><input type='checkbox' name="34" /></td>
      <td>34</td>
      <td>30/08/2019</td>
      <td>Ruy Hoffman</td>
      <td>
        <p data-id="34">-500</p>
      </td>
      <td>descrição</td>
    </tr>
    <tr>
      <td id="33" class='identificador'><input type='checkbox' name="33" /></td>
      <td>33</td>
      <td>30/08/2019</td>
      <td>Ruy Hoffman</td>
      <td>
        <p data-id="33">500</p>
      </td>
      <td>descrição</td>
    </tr>
    <tr>
      <td id="32" class='identificador'><input type='checkbox' name="32" /></td>
      <td>32</td>
      <td>30/08/2019</td>
      <td>Ruy Hoffman</td>
      <td>
        <p data-id="32">1205</p>
      </td>
      <td>descrição</td>
    </tr>
    <tr>
      <td id="30" class='identificador'><input type='checkbox' name="30" /></td>
      <td>30</td>
      <td>30/08/2019</td>
      <td>Ruy Hoffman</td>
      <td>
        <p data-id="30">-499.80</p>
      </td>
      <td>descrição</td>
    </tr>
  </table>
  <p style="font-size: 150%; color: red">Total: <span id="somaTotal" style="font-weight: bold;">0.00</span></p>
</article>

JavaScript

let container = document.querySelector('#listagem');
let colecaoCheckBoxes = container.querySelectorAll('input[type=checkbox]');
let somaTotal = document.querySelector('#somaTotal');
let qdeCheckBoxes = colecaoCheckBoxes.length;
let valor = 0;
let total = 0;
for (iCheck = 0; iCheck < qdeCheckBoxes; iCheck++) {
  colecaoCheckBoxes[iCheck].addEventListener('click', function() {
    if (this.checked == true) {
      let idCliente = this.parentNode.id;
      let valor = parseFloat(container.querySelectorAll('p[data-id="' + idCliente + '"]')[0].innerText);
      total += valor;
      somaTotal.innerText = total.toFixed(2);
    } else if (this.checked == false) {
      let idCliente = this.parentNode.id;
      let valor = parseFloat(container.querySelectorAll('p[data-id="' + idCliente + '"]')[0].innerText);
      total -= valor;
      somaTotal.innerText = total.toFixed(2);
    };
  });
};