javascript - 如何添加(求和)单个单选按钮组？

Question

我编写了一个在线评估程序，可以计算总分并将其显示为百分比。但是，每个问题都属于不同的类别，我希望能够计算并显示不同类别的结果。

示例:我需要对“职业”类别的单选按钮 1、9、17、25 和 33 求和，并将结果显示在页面底部结果框中的“职业”类别文本字段中。我有 8 个类别，不想将每个类别的所有问题放在一起，因为参加评估的人会弄清楚它是如何计算的，并可能会操纵它以获得更高的分数。我在谷歌上搜索了很多选择，但它们只连续显示添加(求和)单选按钮。请有人可以帮我解决这个问题，因为我不知道并且花了 2 天时间试图弄明白。

Answer 1

在单选按钮的名称属性中，您必须添加类别名称。 (例如 radiogroup23career)

然后在您的页面中为每个类别创建一个隐藏的输入字段。

在你的 javascript 中有一个逻辑来按类别(名称字段的一部分)添加每个按钮。 $('input[name*="career"]').val(); (JQuery 通过名称的一部分搜索元素)

然后用该值设置隐藏的输入字段。

然后进行表单发布，在隐藏字段中保留当前结果。

在第 2 页上执行相同操作，只需确保将结果添加到上一页发布的结果中即可。

希望对您有所帮助，酸碱度

查看下面的更多详细信息:

<input type="radio" name="group1career" value="1">Milk<br>
<input type="radio" name="group1career" value="2" checked>Butter<br>
<input type="radio" name="group1career" value="3">Cheese
<input type="hidden" name = "currentcareertotal">

然后在您的 JQuery 中执行以下操作 遍历你所有的: $('input[name*="career"]').val() 项。

并将它们添加到一个名为“careertotal”的变量中将该值设置为您的隐藏字段。

$('input[name="currentcareertotal"]').val(careertotal);