javascript - 比较时选择唯一的数组值

Question

我正在开发一种工具，可以根据客户的选择向他们推荐套餐。将向客户提供多组选择。我有一个问题，当我捕获选择并在最后提交时，它会给出各种选择。

例如，首先向客户提供 4 个选项，他们至少可以选择 2 个选项。如果客户选择2个选项、3个选项或4个选项，则有套餐被推荐。

如果客户选择 4 个选项，最后结果将显示 2,3 和 4 选项的所有答案。我需要根据最大的选择得到答案。

这就是我捕获值并显示答案的方式:

   var mapAnswers = {
    "answerA": ["opt1", "opt2"],
    "answerB": ["opt3", "opt4"],
    "answerC": ["opt1", "opt2", "opt3", "opt4"]
};
$('#btn3').click(function () {        
    for (var i in mapAnswers) {
        var valid = true;
        for (var index in mapAnswers[i]) {
            console.log('index : '+index +' sel'+selections[mapAnswers[i][index]]);
            if (selections[mapAnswers[i][index]] !== true) valid = false;
        }
        console.log('test '+i+' valid ? '+valid);
        if (valid === true) $("#" + i).fadeIn("slow");
    }

JSFiddle 也可以在这里找到:http://jsfiddle.net/J968n/

Answer 1

好的，您可以使用此代码进行 btn3 点击:

$('#btn3').click(function () {    
        var choice='';
        for (var i in mapAnswers) {
            var valid = true;
            for (var index in mapAnswers[i]) {
                console.log('index : '+index +' sel'+selections[mapAnswers[i][index]]);
                if (selections[mapAnswers[i][index]] !== true) valid = false;
            }
            console.log('test '+i+' valid ? '+valid);
            if (valid === true) {
                choice=i;
            }
        }   
        if(choice!='')
            $("#" + choice).fadeIn("slow");

        $('#grp2').hide();
        $('#done').html(content);
        $('#grp3').fadeIn("slow");
    });

DEMO