javascript - 如何實現選擇不同的單選項分別加上不同的分數

Question

我一共有十個題目，分別有ABCD四個選項，然後不同的選項加上不同的分數，在最後根據不同的分數得出不同的結果，但是不知道如何實現，以下是我的代碼{代碼. ..}

过去多啦不再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都隨你了