javascript - How to select different single options and add different scores respectively

Question

I have a total of ten questions, each with four options ABCD, and then different options plus different scores. In the end, different results are obtained based on different scores, but I don’t know how to implement it. The following is my code {code. ..}

过去多啦不再A梦 · Answer

Similar to this kind of calculation without completing the action (for example: clicking to submit a questionnaire is a completed action, and you can calculate the total score at this time). You need to calculate the total score for each operation. If you use Vue, use Computed properties are very beautiful~

So the above click event needs to be changed: (The code has not been verified yet, but the idea is that)

//记分设置
$(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

When clicking, you need to add an identifier to determine whether the option has been changed - otherwise the person doing the question will keep switching between abcd and your results will be accumulated, which will be messy. The final output result must be based on each score segment - use Switch or a bunch of eles if are up to you