计算分数并显示总数

时间:2014-02-27 22:27:34

标签: jquery jquery-mobile add scoring

目前,我的系统会计算每个复选框的百分比,并显示在进度条下方。每个复选框的value元素已经按ammount百分比取得,所以我在计算分数和任务百分比方面要做些什么。有任何想法吗?。

正如您所看到的,复选框的值字段由百分比占用。

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

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

1 个答案:

答案 0 :(得分:0)

我已在输入字段中添加了数据属性

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/