如何检测表单更改的切换

Question

我有一个名为UPO的部分，其中表单的部分为upoCost。我使用此代码来检测UPO是否可见，并因此增加/减去该部分的基本成本。

$("#showUPO").click(function(){
    $("#sectionUPO").toggle();
    if ($("#sectionUPO").is(":hidden")){
        upoCost-=5;
        $("#upoEmailCost").val(upoCost);
    }
    else {
        upoCost+=5;
        $("#upoEmailCost").val(upoCost);
    }
})

因此，每当我单击按钮时，该部分的费用都会更新，但是表格的总费用却没有。

$("form").on("change", function(){
    var sum = upoCost; // + other costs;
    $("#reqTotalCost").val(sum);
})

我想知道是否有一种方法可以使用类似的.on（“ change”）方法来捕获它？

Answer 1

$("#upoEmailCost").val(upoCost).trigger('change');

尝试手动触发更改事件以弹出表单。对元素的逻辑更改不会固有地生成事件。

$("#showUPO").click(function(){
    var $upo = $("#sectionUPO").toggle();

    if ($upo.is(":hidden")){
        upoCost-=5;
    } else {
        upoCost+=5;
    }

    $("#upoEmailCost").val(upoCost).trigger('change');
});