javascript - 如何通过jQuery制作一个在线问卷调查-PHP中文网问答

全部回复(5)

我想大声告诉你2017-05-19 10:37:56 5楼

//仅针对你的单选题，且每道题目都设置了value
//虽然你说是十道而所贴代码中为11道,长度依然取的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);
        }
    })
});

赞 +0

添加回复

phpcn_u15822017-05-19 10:37:56 4楼

他提交问卷的时候才把所有input的value值加起来不就可以了

赞 +0

添加回复

高洛峰2017-05-19 10:37:56 3楼

其实不能这样算。计算用户的分数的时候就是重新统计一下，那么如果这样做的话，怎么会出现-1+2这样的情况。这可能是重新累加

赞 +0

添加回复

阿神2017-05-19 10:37:56 2楼

若是10道题选完后才弹出总分数，可以在最后获取所有题目的被选的答案对应的分数不就好了，没必要选择时立刻累加。

赞 +0

添加回复

phpcn_u15822017-05-19 10:37:56 1楼

$(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);
            } 
        })

赞 +0

添加回复

主标题

1

2

3

4

5

6

7

8

9

10

11