今天在项目中遇到了一个求平均值的需求,大致需求就是,页面上面有四个input框,失去焦点就计算平均值,结果保留两位小数,并输出在页面上。不多说了,直接奉上代码,如有更好思路或者想法,都欢迎大家和我讨论。代码如下:

html:

<div ></div>
</div>

js:

function handler(arr,avgId){
    var l = arr.length,num = 0,sum=0;
    for(var i=0;i<l;i++){
        sum += getValue(arr[i]);
    }
    function getValue(id){
        var t = typeof id == "object"?id:$("#"+id),val = t.val();
        if(!isNaN(val)&&val!=""){
            num+=1;
            val = Number(val);
        }else{val=0;t.val("")};
        return val;
    }
    avgId = typeof avgId =="object"?avgId:$("#"+avgId);
    num == 0 ? avgId.text("") : avgId.text((sum/num).toFixed(2));
}

var myArr = ["test1","test2","test3","test4"];
$("#par").on("change",".err",function(){
    handler(myArr,$("#test5"));
})

/**

*注意:代码依赖jQuery,使用前,请先引入

*/

 转载请注明出处:http://www.cnblogs.com/callmesummer/p/3940222.html

拿出手机扫一扫,希望大家能支持一下:

js实现求平均数功能

相关文章:

  • 2021-11-03
  • 2022-01-16
  • 2022-12-23
  • 2021-05-05
  • 2021-09-30
  • 2022-12-23
  • 2021-12-18
  • 2021-12-28
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2021-12-18
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-06-29
相关资源
相似解决方案