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 =＆gt; x.Total）
我将它放在span中，以便我可以使用jquery更新值。

默认选中所有复选框，如果用户取消选中复选框，则需要更新购物车总价值。

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

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

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

我该怎么做并相应地更新总数？

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

0 个答案: