javascript - jquery sum 不起作用，调用函数时 sum 变为零

Question

我正在为考试创建一个小应用程序，当我单击下一步按钮时，当前答案单选按钮值应存储在某个变量中，并且该值应添加到下一个答案值中，我正在使用 jquery 执行此操作，但是当我多次调用该函数时，我的存储值总是重新设置为零，

这是我到目前为止所尝试的。以下是我的查看页面

<div>

    <div id="questionvalue">@a.QDescription</div>
    <div>
        <div id="questionvalue">
            <input type="radio" name="test" value="@a.Choice1Percent">  @a.Choice1Desc<br>
        </div>

    </div>
    <div>
        <input type="radio" name="test" value="@a.Choice2Percent">  @a.Choice2Desc<br>

    </div>
    <div>
        <input type="radio" name="test" value="@a.Choice3Percent">  @a.Choice3Desc<br>

    </div>
    <div>
        <input type="radio" name="test" value="@a.Choice4Percent">  @a.Choice4Desc<br>

    </div>

<button type="button" id="starttestbuttonid" class="btn btn-default" onclick="StartTest()">Next</button>

以下是我试图添加答案总和的脚本

<script>
function StartTest() {
    debugger;
    var selopt = parseFloat($('input[name=test]:checked').val());

    var optionssum=0;
    optionssum+= optionssum + selopt;

    $.ajax({
        url: $("baseUrl").html() + "Test/_QuestionView",
        type: "POST",
        data: { selectedoption: selopt},
        success: function (data) {
            debugger;

            $('#appendquestion').html(data);
          //  $('#myModal').modal(show);



        },
        error: function (data) {
            $('#loading').hide();
        }
    });
}

任何人都可以帮助计算总和。

标签： javascriptjqueryasp.net-mvc-5

Answer 1

你不能这样做optionssum += optionssum + selopt;我想你的意思是optionssum += selopt;

此外，当然 optionssum 每次都会被重置，你有它在var optionssum=0;里面，StartTest()每次点击按钮时都会被调用。

只需将您的代码更改为此，它应该可以工作（使其成为全局变量）

var optionssum=0;    
function StartTest() {
    debugger;
    var selopt = parseFloat($('input[name=test]:checked').val());


    optionssum+= selopt;

    $.ajax({
        url: $("baseUrl").html() + "Test/_QuestionView",
        type: "POST",
        data: { selectedoption: selopt},
        success: function (data) {
            debugger;

            $('#appendquestion').html(data);
          //  $('#myModal').modal(show);



        },
        error: function (data) {
            $('#loading').hide();
        }
    });
}