Modificacion suma checkbox

Tengo una tabla que muestra datos de una consulta PHP (imagen adjunta) en una columna se muestran números, pueden ser enteros o flotantes, al lado un checkbox , cuando el usuario selecciona un elemento checkbox se van sumando las cantidades y se expone el resultado en un input, hasta aquí todo bien ..... Este es el codigo

<!-- funcion sumar -->
<script>
var iltotal = 0;
function zuma(cual)
{
f = cual.form;
n = cual.name;
for (var i = 0, nombres = f[n] , total = nombres.length; i < total; i++)
if (f[n][i] == cual && f[n][i].checked)
var b = f[n][i].value = f.chb[i].value;

if (String(b) == "undefined")
{
b = 0;
}

iltotal = iltotal + parseInt(b);

document.getElementById("can").value = String(iltotal);
}
</script>

----------------------------

HTML

<form>
          <input type="checkbox" name="chb" id="chb"  value="<?php echo $mostrar['ton'] ?>" onclick="zuma(this);"/>

            <a href="#"
            data-target="#suspender"
            class="btn btn-dark btn-sm"
            data-toggle="modal"
            data-id='<?php echo $id?>'
            data-parc='<?php echo $parc?>'
            data-campo='<?php echo $campo?>'
            data-ejido='<?php echo $ejido?>'
            data-nombre='<?php echo $nombre?>'>
            <i class="fa fa-check"> Susp</i>
            </a>

      </td>
</tr>
<?php
}
?>
      </table>
</div>
    </div>
    <div class="col-sm-6">
      <div><br>
            <div class="col-sm-6">
              <b>TON</b><input type="text" name="can" id="can" value="">            ------------ Aqui se muestra el resultado de la suma
                </form>
            </div>


Bien, lo que requiero es:

1ro.. Que al momento de quitar la seleccion al checkbox quite la cantidad

2do al oprimir un boton se envie a un modal  los id (---  data-id='<?php echo $id?>'  ---), las cantidades (---    data-ton='<?php echo $ton?>'    --) seleccionadas y la suma de las cantidades seleccionadas, para posteriormente mandarlas por post a un php. (de forma directa, sin ajax :) )