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

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 没有加入 fiddle
• 您没有在选择项目时更新结果的值

尝试

$(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