javascript - 连接两个 slider 以提供其他值

标签 javascript jquery

尝试创建一个基于两个 slider 的贷款计算器。我觉得我已经快到了,但语法让我失望,再加上最后一个公式。

我有两个 slider ,一个代表贷款金额,另一个代表贷款期限。

下面是一些突出显示所有计算的代码。我认为这里也有错误。

function update() {

     $amount = $("#slider1").slider("values", 100);

     $interest = $amount / 100 * 15 ;

     $perday = 15 ;      

     $apr = (($interest / $amount) / ("#slider2"/365) * 10000) / 100;

     $amount2 = $amount + $interest;

     $("#amount").val($amount1);

     $("#amount2").val($amount2);

     $("#amount3").val($interest);

}

利息按借款金额的 15% 收取。 每天值 15 便士,所以为了得到我的最后费用。

[贷款总额的15%] – [每天 0.15p 积分]

我开发了一个 fiddle ,但它不正确,因此我在这里。

Fiddle Here

如何让两个 slider 协同工作,这样如果我移动顶部或底部 slider ,就会影响总体贷款金额和利息?

任何帮助将不胜感激。我真的很挣扎这个问题。

最佳答案

I believe this is what you want - jsfiddle <-跟随链接

function update() {            
     $interest = 0.15 ;
     $perday = 15 ; 
     $amount1 = $("#amount").val();
     $dayscount = $("#days").val();
     $amount2 = parseInt($amount1) + $interest * parseInt($amount1) + (parseInt($dayscount) * ($perday/100));
     $("#amount2").val($amount2);
     $("#amount3").val(parseFloat($amount2-$amount1).toFixed(2));
}

修复了您的更新算法和 slider 处理程序

我认为您的最后两个字段(您的贷款和利息)分别是要支付的最终值(value)以及要支付的值(value)和借入的值(value)之间的差额。如果此解释不是您想要的,请发表评论。

更新1

这里我更新了jsfiddle 。请注意,我不知道年利率是多少,因此请验证我的计算是否正确。我也没有使用任何舍入,因为我不知道你是否需要这样

更新2

更新了新的 formula here 。我还是不知道这是否正确

关于javascript - 连接两个 slider 以提供其他值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12963495/

相关文章:

javascript - 使用 JavaScript 延迟 CSS 悬停/鼠标悬停效果

javascript - Angular 5 : Multiple requests at once with forkJoin

javascript - Canvas 已被跨源数据本地镜像污染

jquery - 在通过索引找到的元素中引用一个元素

javascript - .html() 不返回克隆 DOM 子树的修改版本

javascript - 基于单选按钮显示/隐藏表格行

javascript - 如何为 Telerik MVC [JQuery] 事件处理程序发送附加参数

javascript - 更改 select[multiple] 的行为,无需 CMD/CTRL 即可单击更改

javascript - 带有 Ember CLI 的 jQuery UI

javascript - Jquery 和 Jslint - '$' 在定义之前被使用