javascript - 我应该使用数组还是对象来构建摘要？

Question

我正在构建一个界面，该界面将在检查输入时计算总数(基于相邻输入)。检查输入时，我在同一 <td> 中获取其他输入的值然后建立总计。

示例:http://jsfiddle.net/vdunm/1/

我需要为所有选中的复选框构建总计(按名称分组)的摘要，但我似乎无法找到正确的方法。

因此，如果您要检查前 3 行(2 foos 和 1 bar)，我希望输出看起来像这样:

FOO: 100  
BAR: 30

这是我的 HTML:

<table id="test">
    <tr>
        <td>
            <input type="checkbox" name="id" size="20" value="100" />
            <input type="text" name="name" size="20" value="FOO" />
            <input type="text" name="cost" size="20" value="10.00">
            <input type="text" name="quantity" size="20" value="1">
        </td>
    </tr>
    <tr>
        <td>
            <input type="checkbox" name="id" size="20" value="200" />
            <input type="text" name="name" size="20" value="BAR" />
            <input type="text" name="cost" size="20" value="10.00">
            <input type="text" name="quantity" size="20" value="3">
        </td>
    </tr>
    <tr>
        <td>
            <input type="checkbox" name="id" size="20" value="300" />
            <input type="text" name="name" size="20" value="FOO" />
            <input type="text" name="cost" size="20" value="10.00">
            <input type="text" name="quantity" size="20" value="9">
        </td>
    </tr>
</table>    

jQuery:

// when the id checkbox is clicked
$('table').delegate('input[name=id]', 'click', function(){

    // set the total at 0
    var totalCost = 0;

    // loop through each checked line
    $('input[name=id]:checked').each(function(){

       // get the input values for this checked row
       var thisRow = $(this).parent(), 
           person = thisRow.find('input[name=name]').val(),
           qty = thisRow.find('input[name=quantity]').val(),
           cost = thisRow.find('input[name=cost]').val();

       // get total
       var lineCost = cost * qty;

       // add to the grand total 
       totalCost+=parseFloat(lineCost);

    });

    // output the total cost
    $('#output').empty().append(totalCost);

});

我应该构建数组还是对象？我基本上只需要获取所有已检查的名称，并显示每个名称的总计。我只需要指出正确的方向。

Answer 1

这样的事情怎么样？

http://jsfiddle.net/vdunm/2/

它基本上只是用单独分组的总数构建一个对象。