显示最终结果的分步表单

时间:2016-07-16 10:20:33

标签: javascript jquery html function

我有这个一步一步的表格,在某些时候我有一个简单的微积分。

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

1 个答案:

答案 0 :(得分: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>