javascript - 如何汇总单选按钮选择值的总数(字母，而不是数字)？

Question

我希望能够将我的表单选择选项(单选按钮)添加到 HTML 表单的问卷末尾，以便为我提供所有答案的摘要以及每个选项显示的总数。换句话说，有 10 个问题，每个问题的可能答案是 A、B、C 或 D。在表格末尾，我希望用户能够看到他们回答了多少个 A，多少个 B 等.

这是我到目前为止能够放在一起的东西......

<input name="Q1" type="radio" value="A" />A.
<input name="Q1" type="radio" value="B" />B. 
<input name="Q1" type="radio" value="C" />C. 
<input name="Q1" type="radio" value="D" />D.

<input name="Q2" type="radio" value="A" />A.
<input name="Q2" type="radio" value="B" />B. 
<input name="Q2" type="radio" value="C" />C. 
<input name="Q2" type="radio" value="D" />D.

我的脚本:

$(document).ready(function() {
$("#radio_submit").click(function (e) {
var checked_Q1_radio = $('input:radio[name=Q1]:checked').val();
var checked_Q2_radio = $('input:radio[name=Q2]:checked').val();

if(checked_Q1_radio===undefined || checked_Q2_radio===undefined)
    {
        alert('Please answer all the questions');
    }else{
        alert('Question 1. - "' +checked_Q1_radio + '"'+'Question 2. - "'   
    +checked_Q2_radio + '"');
    }
   });
});   

这会给我一个警告窗口，并显示我的答案摘要，这没问题。

但我仍然无法弄清楚如何显示我上面描述的不同选择的总数 - 因为我所做的研究只让我找到了数字值相加的例子，这是行不通的就我而言。我是否从错误的 Angular 看待问题？

如果不可能，那我怎么能:

1. 在我的警报消息中将 2 个结果分开(换行)？ 什么可以代替“+”？我试过 '\n' 和 '%n' 但是 显然我的格式不正确。什么会起作用？
2. 现在加载页面需要更长的时间，是否有原因 那个？

感谢您的帮助 - 我真的希望能尽快掌握所有这些编码，这样我就不必问愚蠢的问题了:-)

而且我希望我没有越过任何会扰乱任何论坛成员的界限。再一次，我非常感谢任何帮助#learningfromthebest

Answer 1

你可以尝试这样的事情:

JavaScript:

$("#radio_submit").on("click", function () {
    var msg = "A: " + Count("A") + "\n"
            + "B: " + Count("B") + "\n"
            + "C: " + Count("C") + "\n"
            + "D: " + Count("D");

    alert(msg);
});

function Count(type) {
    return $("input[type=radio][value='" + type + "']:checked").length;
}

FIDDLE