javascript - 在jquery中减去值时获取null

Question

我在尝试使用 jquery 减去两个文本框和标签字段时得到 null。我想在 PaidAmount 和 Discount 文本框值变化时显示余额。我尝试了很多，但没有自己找到任何循环。如果有人可以帮助我，我将不胜感激。

<asp:Label ID="Label11" runat="server" Text="Total Charges :"></asp:Label>    
<asp:Label ID="lblGrandTotal" runat="server" Font-Bold="True" Text="0"></asp:Label>
<asp:Label ID="Label12" runat="server" Text="Discount"></asp:Label>
<asp:TextBox ID="txtDiscount" runat="server"></asp:TextBox>
<asp:Label ID="Label13" runat="server" Text="Paid Amount"></asp:Label>
<asp:TextBox ID="txtPaid" runat="server"></asp:TextBox>
<asp:Label ID="Label14" runat="server" Text="Balance"></asp:Label>
<asp:Label ID="lblBalance" runat="server" Font-Bold="True" Text="0"></asp:Label>

//脚本

$(document).ready(function () {
        $("#txtPaid").keypress(function () {
            var val1 = parseInt($("#lblGrandTotal").val());
            var val2 = parseInt($("#txtPaid").val());
            $("#lblBalance").val(val1 - val2);
        });
    });

Answer 1

试试这个。它对我有用。

 $("#txtPaid").keyup(function () {
        var val1 = parseInt(document.getElementById('<%=lblGrandTotal.ClientID %>').innerHTML);
        var val2 = parseInt(document.getElementById('<%=txtPaid.ClientID %>').value);
        if (val1 != null && val1.toString() != "NaN" && val2 != null && val2.toString() != "NaN") {
            $("#<%=lblBalance.ClientID %>").html(val1 - val2);
        }
        else {
            $("#<%=lblBalance.ClientID %>").html("0");
        }
    });