javascript - Comment créer une enquête en ligne via jQuery

Question

Je prévois de faire un questionnaire frontal pur en ligne. Il y a dix questions au total. Choisir A obtiendra un point, choisir B obtiendra deux points, choisir C obtiendra trois points et choisir D obtiendra quatre points. les résultats apparaîtront directement à la fin. Actuellement, j'ai rencontré la question : par exemple, après que l'utilisateur a choisi A dans la première question, s'il change plus tard sa réponse en B, alors...

我想大声告诉你 · Answer

//Uniquement pour vos questions à choix multiples, et chaque question a une valeur
//Bien que vous ayez dit qu'il y avait dix questions et que le code que vous avez posté est 11, la longueur est toujours de 10

$(document).ready(function() {
    //存储选项值
    var valueArr = [];
    //总分值
    var value = 0;
    //已选长度
    var checkedLength;
    //题目个数
    var length = 10;
    //分值存入valueArr
    function count() {
        var $parent = $(this).parents('.swiper-slide');
        console.log($parent,$parent.index('.swiper-slide'))
        valueArr[$parent.index('.swiper-wrapper .swiper-slide')] = $(this).val();
        //触发自定义事件
        $('.swiper-wrapper').trigger('valueChange');
    }
    //点击触发计分
    $(".choice input[type = 'radio']").on("click", count);
    //绑定自定义事件
    $('.swiper-wrapper').on('valueChange',function(){
        checkedLength = $('.choice input:checked').length;
        //判断是否全选
        if(checkedLength==length){
            value = 0;
            console.log(valueArr)
            valueArr.forEach(function(i){
                value += Number(i);
            })
            $('#result').html(value);
        }
    })
});

phpcn_u1582 · Answer

Ne peut-il pas simplement additionner les valeursde toutes les entrées lors de la soumission du questionnaire

高洛峰 · Answer

En fait, cela ne peut pas être calculé comme ça. Lors du calcul du score de l'utilisateur, nous devons le recalculer. Si nous faisons cela, comment une situation comme -1+2 peut-elle apparaître ? C'est peut-être une ré-accumulation

阿神 · Answer

Si le score total apparaît après la sélection de 10 questions, ne serait-il pas sympa d'obtenir à la fin les scores correspondant aux réponses sélectionnées à toutes les questions ? S'il n'est pas nécessaire de sélectionner, additionnez-les ? immédiatement.

世界只因有你 · Answer

Pour la question 11, peu importe la façon dont vous cliquez, le score ne sera ni ajouté ni soustrait.

Comme vous ne l'avez pas calculé, le code n'a pas besoin d'être modifié, il suffit de changer 10 en 11.

phpcn_u1582 · Answer

$(function(){
            var item = {};
            item.length = 0;
            $("input").click(function(){//绑定点击事件
                if(!($(this).attr("name") in item)){
                    item.length = item.length + 1;
                }
                item[$(this).attr("name")] = $(this).attr("class");
                //console.log(item);
                
                if(item.length === 11){
                    countScore();
                }
            })
            function countScore(){//统计得分
                var total = 0;
                for(var i in item){
                    switch (item[i]){
                        case "a":
                            total = total+1;
                            break;
                        case "b":
                            total = total+2;
                            break;
                        case "c":
                            total = total+3;
                            break;
                        case "d":
                            total = total+4;
                            break;
                        default:
                            break;
                    }
                }
                console.log(total);
            } 
        })