Question

请您查看This Demo并告诉我为什么我无法在代码中为var result变量添加值？我想我已将结果声明为全局范围，因此所有方法都可以访问它，但它不适用于我！

这是我的代码：

<ul>
    <li><input type="checkbox" id="25" />25</li>
    <li><input type="checkbox" id="50" />50</li>
    <li><input type="checkbox" id="75" />75</li>
</ul>
<div id="result"></div>

和jQuery代码：

$(document).ready(function () {
    var result = 0;
    $("#25").on("click", function () {
        var newResult = result + 25;
        $("#result").html(newResult);
    });
    $("#50").on("click", function () {
        var newResult = result + 50;
        $("#result").html(newResult);
    });
    $("#75").on("click", function () {
        var newResult = result + 75;
        $("#result").html(newResult);
    });
});

感谢。

Answer 1

小提琴中没有添加第一个jQuery
选择项目时，您没有更新结果值

尝试

$(document).ready(function () {
    var result = 0;
    $("#25, #50, #75").on("change", function () {
        if (this.checked) {
            result += +this.id;
        } else {
            result -= +this.id;
        }
        $("#result").html(result);
    });
});

演示：Fiddle

在jQuery中向变量添加值的问题

1 个答案: