如何计算所选复选框的总计？

Question

我正在使用带有母版页的 ASP.NET。在其中我有一个嵌套的转发器：

<asp:Repeater ID=rptAttribute runat=server>
<ItemTemplate>
<h3><%# DataBinder.Eval(Container.DataItem, "Description") %></h3>
<div id="labelbox">
  <asp:TextBox ID="tSecionTotal" runat="server"></asp:TextBox>
  <div id="key1">
     <asp:Repeater ID="rptKey" runat="server">
       <ItemTemplate>
       <asp:CheckBox ID="rptKeySelection" runat="server" />
        <span><%# DataBinder.Eval(Container.DataItem, "Description") %></span>
       </ItemTemplate>
     </asp:Repeater>
  </div>
</ItemTemplate>
</asp:Repeater>

我想计算每个部分中复选框的值并进行两个显示。

1. 使用复选框中的值更新文本框字段 (tSecionTotal)。
2. 更新总文本/标签的总和。

呈现的 HTML 看起来像这样：

适当地打开和关闭交互
[ -- 显示本节总计的文本框 -- ]

[]尚未准备好进行互动 [+1]
[]没有使用正确的打开方式 [+1]
[]不保证没有其他需求[+2]
[]没有以适当的方式关闭交互[+5]>

表现出共同的礼貌（礼貌、耐心、同理心）
[ -- 显示本节总计的文本框 -- ]

[]没有使用常见的礼貌用语（请，谢谢）[+1]
[]对客户的语气/语调变化不恰当 [+2]
[]不当打断客户 [+5]
[]在需要时没有表现出同理心 [+2]

适应客户的知识和专业水平

[ -- 显示本节总计的文本框 -- ]

[]没有提供明确的说明（如何做）[+1]
[]没有提供明确的说明（如何）[+1]
[]没有提供明确的解释/教育（我们为什么这样做）[+3]
[]没有提供明确的解释/教育（我们为什么这样做）[+5]

总体总计 [ -- 显示总体总计的文本框 -- ]

Answer 1

您可以找到所有选中的项目，然后找到项目的值，添加它们并将其放在总计中

var Total = 0;
$("input:checked").each(function(i, selected){ 
  Total+= $(selected).parent(".keydiv").find(".myVal").val();
});

我在这里所做的是找到所有复选框，然后对于每个复选框，我都会找到其元素（例如 class=keydiv)，然后我在 tr 的子元素中发现了具有您要添加的值的元素，我想它具有 css="myVal"。

假设你像这样渲染它。

<div id="key1" class="keydiv">
  check box
  <span class="myVal">5</span>
</div>