Como somar o valor de um checkbox marcado na mesma pagina

Olá alguém sabe como eu faço pra somar os valores de checkbox marcados?

mais ou menos assim, só que quando eu clicar em algum checkbox ele já fazer o calculo sem dar refresh na pagina

 <ul>

 <li>
 <input type="checkbox" name="check[]" id="ovo" value="Ovo">
 <span>Ovo</span>
 </li>

 <li>
 <input type="checkbox" name="check[]" id="cebola" value="Cebola">
 <span>Cebola</span>
 </li>
 <li>
 <input type="checkbox" name="check[]" id="calabresa" value="Calabresa">
 <span>Calabresa</span>
 </li>
 <li>
 <input type="checkbox" name="check[]" id="bacon" value="Bacon">
 <span>Bacon</span>
 </li>
</ul>

<?php
 $acrescimo_opcoes = 3; //acrescenta R$ 3,00 na conta
 if(isset($_POST['check'])){

 $opcoes = count($_POST['check']); //conta o número de checkbox marado
 echo $opcoes;
 $opcoes_esc = implode($_POST['check'],', ');

 }
 $sql="Select c.*, p.* From carrinho c, produtos p where c.id_produto = p.id_produto and id_pedido = '$id_pedido'";
 $totalReg = $carrinho->totalRegistros($sql);

 $total = 0;

 for($i=0;$i < $totalReg;$i++){
 $carrinho->verCarrinho($sql,$i);
 $subtotal = $carrinho->getQuantidade() * $carrinho->getPreco()+ ($opcoes * $acrescimo_opcoes);
 $total = $total + $subtotal;
 $codProd[$i] = $carrinho->getIdProduto();

 ?>​