为表单添加jQuery结果

时间:2012-08-13 16:50:36

标签: jquery

我在尝试将多个变量添加到一起时遇到问题。变量是其他公式的结果,不显示为表单元素。下面的代码只是整个程序的一小部分:

//card 1 interest
$('#card_bal_1, #card_int_1').keyup(function() {
    var card_mon_int_1 = parseInt($("#card_bal_1").val()) * ((parseInt($("#card_int_1").val()) / (12)) * (.01));
    if (!isNaN(card_mon_int_1)) {
        $("#card_mon_int_result_1").html(card_mon_int_1); //floor or round
    }
});

//card 2 interest
$('#card_bal_2, #card_int_2').keyup(function() {
    var card_mon_int_2 = parseInt($("#card_bal_2").val()) * ((parseInt($("#card_int_2").val()) / (12)) * (.01));
    if (!isNaN(card_mon_int_2)) {
        $("#card_mon_int_result_2").html(card_mon_int_2); //floor or round
    }
});


//total interest paid
$('#card_mon_int_result_1, #card_mon_int_result_2').keyup(function() {
    var total_card_monthly_interest = parseInt($("#card_mon_int_result_1").val()) + parseInt($("#card_mon_int_result_2").val());
    if (!isNaN(total_card_monthly_interest)) {
        $("#total_monthly_interest").html(total_card_monthly_interest); //floor or round
    }
});​

HTML基本上是:

<span id="card_mon_int_result_1"></span>
<span id="card_mon_int_result_2"></span>
<span id="total_monthly_interest"></span>

这只是尝试让它发挥作用的一个例子。我理解卡1和卡2的兴趣结果不是表格元素。所以我的问题是将卡1和卡2的利息转换为变量,然后将它们加在一起。

非常感谢任何建议!

1 个答案:

答案 0 :(得分:0)

我更改了代码,工作示例:example

card_mon_int_result_1和card_mon_int_result_2不是表单字段,您不能使用keyup()和val()。