小工具--理财计算器

先看代码运行效果，输入相应的数据后点击开始计算，显示如下：

一开始先搭建好页面，这个界面用了插件bootstrap-3.3.7-dist，然后根据数学计算算出相关的本息，金额等数据，直接上代码：

页面搭建代码如下：

@{
    Layout = null;
}





    
    
    
    


    

        

            

                
理财计算器
            
            

                

                    

                        

                            

                                投资金额
                            
                            

                                
                            
                            

                                元
                            
                        
                        

                            

                                借款期限
                            
                            

                                
                            
                            

                                

                                    月
                                    天
                                
                            
                        
                    
                    

                        

                            

                                年化收益
                            
                            

                                
                            
                            

                                %
                            
                        
                        

                            

                                还款方式
                            
                            

                                
                                    按月付息，到期还款
                                    按天计息，到期还款
                                
                            
                        
                    
                
               
            
            

                

                    开始计算
                    重置数据
                
            
            

                

                    

                        投资金额：
                        
                        利息收益：
                        
                    
                    

                        投资期限：
                        
                        本息合计：
                        
                    
  
                
                                     
            
            

                

                    

                        
期数
                        
每月还款本息
                        
应还本金
                        
应还利息
                        
剩余回款本息
                    
                
            
        
        
    
    
    

 

然后下面是实现功能js代码，主要都是一些判断和计算：

//重置数据
        var Reset = document.getElementById("Reset");
        Reset.onclick = function () {
            location.reload();
        }

        $("#StartCounting").click(function () {
            var Invest = $("#Invest").val();//投资金额
            $("#Investmoney").val(Invest + "元");//投资金额
            var Date = $("#form input:checked").val();
            var Deadline = $("#Deadline").val();//借款期限
            if (Date == "Moth") {
                $("#deadline").val(Deadline + "个月");//日期
                var Annualized = $("#Earnings").val() / 100;
                var AA = (Invest * Annualized) / 12 * Deadline;
                $("#LXSY").val(AA + "元");//利息
                $("#BXHJ").val(parseInt(Invest) + parseInt(AA) + "元");//本息合计
                $("#Type").val(1);
                var MYHKBX = (Invest * Annualized) / 12 + Invest / Deadline;
                var YHBJ = Invest / Deadline;
                var YHLX = (Invest * Annualized) / 12;                
                for (var i = 1; i < parseInt(Deadline) + 1; i++) {
                    var SYHKBX = parseInt(Invest) + parseInt(AA) - (MYHKBX * i);
                    $("#table").append("" + i
                        + "" + MYHKBX + "元"
                        + "" + YHBJ + "元"
                        + "" + YHLX + "元"
                        + "" + SYHKBX + "元" + "");
                }
            }
            if (Date == "Day") {
                $("#deadline").val(Deadline + "天");//日期
                var Annualized = $("#Earnings").val() / 100;
                var BB = (Invest * Annualized) / 365 * Deadline;//利息
                $("#LXSY").val(BB + "元");//利息
                $("#BXHJ").val(parseInt(Invest) + parseInt(BB) + "元")//本息合计
                $("#Type").val(2);
                var MYHKBX = (Invest * Annualized) / 12 + Invest / Deadline;
                var YHBJ = Invest / Deadline;
                var YHLX = (Invest * Annualized) / 12;
                for (var i = 1; i < parseInt(Deadline) + 1; i++) {
                    var SYHKBX = parseInt(Invest) + parseInt(BB) - (MYHKBX * i);
                    $("#table").append("" + i
                        + "" + MYHKBX + "元"
                        + "" + YHBJ + "元"
                        + "" + YHLX + "元"
                        + "" + SYHKBX + "元" + "")
                }
            }
        })