javascript – So wählen Sie verschiedene Einzeloptionen aus und fügen jeweils unterschiedliche Bewertungen hinzu

Question

Ich habe insgesamt zehn Fragen mit jeweils vier Optionen ABCD und dann unterschiedliche Optionen plus unterschiedliche Bewertungen. Am Ende werden unterschiedliche Ergebnisse basierend auf unterschiedlichen Bewertungen erzielt, aber ich weiß nicht, wie ich es umsetzen soll Code {Code..}

过去多啦不再A梦 · Answer

类似这种没有完成动作的计算（例如：点击提交问卷，就是一种完成动作，可以在这时候去计算总分），你需要在每一次操作的时候计算总分，如果有使用Vue，用计算属性就很漂亮了~

所以上面的点击事件需要更改：（代码还没有验证，但思路是那样）

//记分设置
$(document).ready(function(){
    var result = 0;
    $('.a').click(function(){
        result = result + 1;
        console.log(result);
    });
    $('.b').click(function(){
        result = result + 2;
        console.log(result);
    });
    $('.c').click(function(){
        result = result + 3;
        console.log(result);
    });
    $('.d').click(function(){
        result = result + 4;
        console.log(result);
    });
});

// 修改为：
$(document).ready(function(){
    $(".choice input[type='radio']").on('click', count);
});

var result = 0;
function count() {
    var _result = 0;
    for (var i = 1; i <= 10; i++) {
        var option = $(".choice input[name='"+i+"']:checked"); // 选中的选项
        if (option.attr("class")) {
            var score = 0;
            switch(option.attr("class")) {
                case "a":
                    score = 1;
                    break;
                case "b":
                    score = 2;
                    break;
                case "c":
                    score = 3;
                    break;
                case "d":
                    score = 4;
                    break;
                default:
                    break;
            }
            _result += score;
        }
    }
}

阿神 · Answer

点击的时候需要加标识符判断是否更改了选项- -不然做题的人在abcd间不停切换你的result也会累加，就乱了，最后输出结果肯定是根据各个分数段的- -用switch或者一堆eles if都随你了