javascript - 如何使用jquery检查表单中多个动态单选按钮的值

标签 javascript jquery radio-button

我正在尝试制作一个测验系统。我创建了动态单选按钮。现在我想检查所选单选按钮的值。我怎样才能做到这一点?

 function createquestionpaper(qlist)
    {
        var questionform = $('#quesform');
        var quesNum = 1;
        $.each(qlist, function (index, val) {
            var questionstring = '<div class="form-group" ><label class="control-label" id="'+val.Question_ID+'">'+quesNum+'. '+val.Question1+'</label>'+
                                  '<div class="radio"><input type="radio" name="'+val.Question_ID+'" value="1">'+val.Option1+'</div>' +
                                   '<div class="radio"><input type="radio" name="' + val.Question_ID + '" value="2">' + val.Option2 + '</div>' +
                                  '<div class="radio"><input type="radio" name="' + val.Question_ID + '" value="3">' + val.Option3 + '</div>' +
                                  '<div class="radio"><input type="radio" name="' + val.Question_ID + '" value="4">' + val.Option4 + '</div>' +
                                  '</div><hr>';
            questionform.append(questionstring);
            quesNum = quesNum + 1;

        });

最佳答案

因为其他答案没有提到同时检查所有值的解决方案:

// right answers
var solutions = [1,3,1,1,2,3,4];
// all answers from all questions (get all checked radio-inputs, then get all values)
var valuesForAllQuestions = $('.form-group', '#quesform').find('input:radio:checked').map(function() {return $(this).val()}).get();
// map them to points (1=correct answer, 0=false), then reduce it to a sum
var correct = valuesForAllQuestions.map((answer, idx)=>(answer==solutions[idx]?1:0)).reduce((sum, actual)=>sum+actual,0);

关于javascript - 如何使用jquery检查表单中多个动态单选按钮的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45848618/

相关文章:

javascript - 将用户输入从 NodeJS 发送到 shell 脚本

javascript - 如何使用 node-postgres 将多行正确插入 PG?

javascript - 我想在注册成功时显示弹出消息,如果注册失败,则在同一页面上重定向时显示失败消息

php - 用户在 Wordpress 中看不到索引中的图像

d3.js - D3 中的单选按钮 : how to align text correctly and select a default?

javascript - Node.js 版本冲突

javascript - 如何将成功函数名称作为函数参数传递给 AJAX 调用?

javascript - 滚动后更改导航栏颜色?

java - widgetDefaultSelected() 方法从未触发?

html - 如何对齐标签和单选按钮?