如何使用来自另一个文本框的值更新文本框

本文关键字：文本 更新 另一个 何使用 | 更新日期: 2023-09-27 17:50:01

我有两个textboxes命名为totalAmount和expenseAmount和另一个div称为currentAmount在asp.net页面(使用c#)。我的要求是，每当expenseAmount值发生变化时，我必须更新totalAmount=expenseAmount+currentAmount。我必须在没有页面刷新的情况下实现这一点，即使在页面刷新后，值也应该持续存在。

如何使用来自另一个文本框的值更新文本框

如果你的代码允许使用JQuery，你可以很容易地做到这一点，而不需要刷新页面。

请在document ready下编写代码

<script>
    var calculatetotalamount = function () {
        var eamount = parseFloat($("#expenseAmount").val())
        var camount = parseFloat($("#currentAmount").val())
        $("#totalAmount").val(eamount + camount);
    }
    $(function () {
        calculatetotalamount();
        $("#currentAmount").on("change", function () {
            calculatetotalamount();
        });
    });
</script>

<script type="text/javascript">
    function xyz() {
        $("#totalAmount")[0].value = parseFloat($("#expenseAmount").val()) + parseFloat($("#currentAmount").val());
    }
</script>
<div>
    <asp:Label ID="Label3" runat="server" Text="currentAmount"></asp:Label>
    <asp:TextBox ID="currentAmount" runat="server" ClientIDMode="Static"></asp:TextBox>
    <br />
</div>
<div>
    <asp:Label ID="Label2" runat="server" Text="expenseAmount"></asp:Label>
    <asp:TextBox ID="expenseAmount" runat="server" onchange="xyz();" ClientIDMode="Static"></asp:TextBox>
    <br />
</div>
<div>
    <asp:Label ID="Label1" runat="server" Text="totalAmount"></asp:Label>
    <asp:TextBox ID="totalAmount" runat="server" ClientIDMode="Static"></asp:TextBox>
</div>
相关文章：