jquery - 根据在 asp.net webgrid 中选择的复选框更改标签或跨度值

Question

我有一个 webgrid，每行都有一个复选框。我需要根据选中的复选框数计算购物车总数。

我的网络网格看起来像：

@grid.GetHtml(
htmlAttributes: new { id="gridCartItems", style="max-width:60%" },
tableStyle: "webGrid",
       headerStyle: "webgridhead",
       alternatingRowStyle: "webgridalt",
       columns: grid.Columns(
       grid.Column(columnName: "TransactionType", header: "Type", canSort: true),
       grid.Column(columnName: "ItemNumber", header: "Item No.", canSort: true),
       grid.Column("Price", "Price", canSort: false), 
       grid.Column( header: "Select", format: @<text><input name="selectTextBox" type="checkbox" class="selectitemcheckbox" checked="checked"
           value="@item.ItemId" onclick="selectCartItem()" /></text>)
    ))

购物车总价格看起来： 购物车总价值： $ @Html.DisplayFor(x=>x.Total )
我将把它括在 span 中，以便我可以使用 jquery 更新值。

默认情况下，所有复选框都被选中，如果用户取消选中某个复选框，则需要更新购物车总价值。

我能够通过以下方式访问所有复选框的属性：

    $('tr .selectitemcheckbox').each(function () {
        if ($(this).prop("checked") == true) {
        }
     });

我不知道如何访问 webgrid 中相应行的费用，然后将其添加到变量中以计算总计并在页面中显示。

我怎样才能做到这一点并相应地更新总数？