单击相应的复选框时对 div 的内容求和

Question

我在读取文件夹内容的循环中有以下代码：

<div class="oddrow">
    <span class="title">1 - 1215 - Magna Carta</span><br/>
    <span class="size">size: 229.1 MB</span>
    <input name="1215 - Magna Carta" type="checkbox">
<div>

当复选框被选中时，我希望将每个记录的大小添加到一个单独的 div 中：

<div id="total>total = </div>

我怎样才能做到这一点？