javascript - 显示最终结果的分步表格

Question

我有这个 Step-by step 表格，在某些时候我有一个简单的微积分。

$(document).ready(function () {
                // Calculate section 08
                $("#txAssets,#txLiabilities").keyup(function (event) {
                    var assets = $("#txAssets").val();
                    var liabilities = $("#txLiabilities").val();
                    var netEquity = assets - liabilities;
                    $("#txNetEquity").val(netEquity);

                });

如何在表单的最后一步重用 netEquity 变量？ 我试试这个:

<div id="rsEquity" class="results" onload="">Equity:<b> ?????? </b></div>

<script>
$("#rsEquity").text("Equity:" + netEquity );
</script>

Answer 1

您可以像这样使用窗口范围的变量:

window.netEquity = 0;
$(document).ready(function () {
                // Calculate section 08
                $("#txAssets,#txLiabilities").keyup(function (event) {
                    var assets = $("#txAssets").val();
                    var liabilities = $("#txLiabilities").val();
                    netEquity = assets - liabilities;
                    $("#txNetEquity").val(netEquity);
                });

HTML:

<div class="results" onload="">Equity: <span id="rsEquity"></span></div>

脚本:

<script>
$("#rsEquity").html("Equity:" + netEquity);
</script>