javascript - Jquery 选择器在勾选复选框时生成总计

Question

我正在尝试创建一个动态总计生成器，当选中中的相对复选框时，它会向总计添加一个值，但我正在与选择器逻辑作斗争。谁能指出我哪里出错了，我是 JQuery 的初学者。这是我所拥有的

function calculateSelected(){
    var sum = 0;
    $('tr input:checked .price').each(function() {
            sum += parseFloat($(this).text());
        });
    $('#total').html(sum)
}

这是该表的简化版本

<table>
<tr>
<td><input type="checkbox" value='1' /><td>
<td class='price'>100</td>
</tr>
<tr>
<td><input type="checkbox" value='1' /><td>
<td class='price'>100</td>
</tr>
<tr>
<td><input type="checkbox" value='1' /><td>
<td class='price'>100</td>
</tr>
<tr>
<td><input type="checkbox" value='1' /><td>
<td class='price'>100</td>
</tr>
<tr>
<td>Total<td>
<td id='total'></td>
</tr>
</table>

Answer 1

这个选择到底是什么？

$('tr input:checked .price')

你的输入怎么有子项？如果您想选择下一个带有类(class)价格的 td，您可以执行以下操作:

$('tr input:checked').parent().next('td.price')