javascript - jQuery 变量总和

Question

我有一个工作 JS，它检查是否选中了不同的复选框，并为每个复选框指定了不同的价格，稍后将对其进行汇总。

function priceCandy1() {
    var priceCandy1 = 0;
    var candy = document.getElementById("candy1");
    if(candy.checked==true)
    {
       priceCandy1=13;
    }
    return priceCandy1;
}

function calculateTotal()
{
    var totalPrice = priceCandy1() + priceCandy2() + priceCandy3();
    document.getElementById('totalid').innerHTML = "$" + totalPrice; 
}

现在我尝试在 jQuery 中编写等效代码，并且该函数确实有效:

$(function () {
    var priceCandy1 = 0;
    var candy = $('#candy1');
    $('#candy1').on('click',function () {
        if (candy.is(':checked')) {
            priceCandy1 = 13;
        } 
    });
    return priceCandy1;
});

但是我无法将返回的价格获取到一个函数中来将每个价格Candy#相加。超出范围，但我不知道如何修复它。

Answer 1

如果是像你所说的范围问题，你可以在函数外部声明priceCandy1，作为全局变量。

var priceCandy1;
$(function () {
    priceCandy1 = 0;
    var candy = $('#candy1');
    $('#candy1').on('click',function () {
        if (candy.is(':checked')) {
            priceCandy1 = 13;
        } 
    });
});

然后在您的totalPrice函数中使用priceCandy1，它应该能够获取它。