javascript - 单击对应的复选框时对 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>

我该怎么做？

Answer 1

正如谢恩所说，最好将普通数字保存在属性中。如果那不可能，您仍然可以这样做:

$(':checkbox:checked').each(function(){
    sum += parseFloat($(this).prev().text().match(/[\d\.]+/));
});

演示:

http://jsfiddle.net/bGjP4/

以下是如何将其保存为复选框中的值:

$(':checkbox:checked').each(function(){
    sum += parseFloat($(this).val());
});