验证多组单选按钮

Question

我有一个包含29种单选按钮对的表单,每个单元都有一个是/否选择.

对于每个集合,选择的名称会增加如下:ans1,ans2,ans3 ... ans29.每个人的值为"是"或"否"

它或多或少都是这样的:

<input type="radio" id="yes1" name="ans1" value="yes"/>
<input type="radio" id="no1" name="ans1" value="no"/>

我想编写一个Javascript函数来在提交表单时验证答案.我想在循环中使用数组,但不知道如何将选择放入数组中.

明显的长方法是重复的if(ans1 = yes) {do something} if(ans2=yes){do something}.我已经看过getElementsByName但不确定如何在一个简单的循环函数中实现它以测试每次迭代的示例.

Answer 1

使用jQuery

$("input:radio:checked").each(function (index) {
    var this$ = $(this);
    var q = this$.attr('name');
    var a = this$.val();

    console.log('Question: ' + q + ', answer: ' + a);
});

此代码段仅选择已选中的单选按钮,然后将其打印到控制台.你可以做任何你从这里想要的,q是一个问题(如名称ans1),并a为答案本身(即true的false).

看到它在行动.