计算分数并显示总分答案

【问题标题】：Calculating scores and displaying total计算分数并显示总分
【发布时间】：2014-02-27 22:27:33
【问题描述】：

目前我的系统计算每个复选框的百分比并显示在进度条下方。每个复选框的值元素已经被百分比数量所占据，所以我正在努力计算分数和任务百分比。有任何想法吗？。

如您所见，复选框的值字段被百分比占据。

<input type="checkbox" name="checkbox-0" id="checkbox-0" value="15" class="hidden-checkbox">

这是我正在使用的代码的 jFiddle： jsfiddle.net/UznQe/8

【问题讨论】：

到底是什么问题？您要计算的分数是多少？
为模糊的问题道歉，如果您检查小提琴，您可以看到复选框的值被百分比占用，我希望能够计算每个复选框的分数以及百分比。我不能这样做，因为值标签已被百分比数字使用。例如，如果我选中了 3 个框，每个框都有 10 分，那么我希望它们的总数都显示出来，即 30。
如果您选择所有内容然后开始取消选择框，则该行为将被破坏。您应该在事件侦听器、计算逻辑部分和状态栏更新中重构您的代码
我知道了，谢谢，我打算稍后解决这个问题。
啊我明白了，'score'值与百分比值不同。您可以使用其他数据属性

标签： jquery jquery-mobile add scoring

【解决方案1】：

我已将数据属性添加到输入字段

data-score="10"

并像这样读取值

 perc = 0;
 score = 0;
 $("#theList input[type=checkbox]:checked").each(function( index ) {
     perc += parseInt($(this).val());       
     score += parseInt($(this).data("score"));
 });

 $("span#progressText").text(perc + ' %');
 $("#progressScore").text(score);

http://jsfiddle.net/UznQe/9/

【讨论】：