Question

我有一个jquery代码，可以让用户选择他们希望借入的金额以及他们想要还款的时间。

我需要做的是在表格中显示结果，这样如果用户想要在30天内借200美元，他们可以每天支付200/30 = 6.66美元，因此网格将有第1天：6.66，天2：6.66，第3天：6.66 ......直至第30天。

我尝试过使用迭代

创建了一个名为days

的变量

for( var i=i; i<days; i++) {
    //display days and amount
}

任何帮助？

为什么每天显示金额相同的金额？因为代码中的某个位置有一个滑块，用户可以更改数量和日期以查看每天的还款情况，它是更大代码的一部分

Answer 1

这是开始的事情，只需从这里扩展：

HTML：

Borrow Amount: <input type="text" id="borrow_amt" value="" />
<input type="button" id="update" value="Update Repayment" />

<p>&nbsp;</p>

<table border="1">
<tr><td colspan="30" align="center"> REPAYMENT SCHEME </td></tr>
<tr id="days"></tr>
<tr id="repayment"></tr>
</table>

CSS：

.td_days { padding: 10px; }

JS：

$(document).ready(function() {

    $('#update').click(function() {

        $('tr#days').html("");
        $('tr#repayment').html("");

        var days = 30;
        for (i=1; i <= days; i++) {
            $('tr#days').append('<td class="td_days">'+ i +'</td>');
        }

        for (i=1; i <= days; i++) {
            $('tr#repayment').append('<td class="td_days">'+ $('#borrow_amt').val()/30 +'</td>');
        }
    });

});

部分代码c / 0 @Alex Ball的建议，所以给他一个功劳。

请参阅此处的代码：http://jsfiddle.net/DHYHx/

通过jquery迭代

1 个答案: