这是开始的东西,只需从这里扩展:
HTML:
Borrow Amount: <input type="text" id="borrow_amt" value="" />
<input type="button" id="update" value="Update Repayment" />
<p> </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>');
}
});
});
</h2>
部分代码 c/0 @Alex Ball 的建议,所以给他一个信用。
在此处查看实际代码:http: //jsfiddle.net/DHYHx/