jQuery多个input求和的实现方法

前端之家收集整理的这篇文章主要介绍了jQuery多个input求和的实现方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例讲述了jQuery多个input求和的实现方法分享给大家供大家参考。具体实现方法如下:

html页面代码如下:

jQuery部分代码如下:

$("input[id^='add']").change(function(){ var sum=0; $("input[id^='add']").each(function(){ var r = /^-?\d+$/ ; //正整数 if($(this).val() !=''&&!r.test($(this).val())){ $(this).val(""); //正则表达式不匹配置空 }else if($(this).val() !=''){ sum+=parseInt($(this).val()); } document.getElementById("add").value=sum; }); });

由于input属性为readonly,所以在浏览器中按Backspace删除该input的值时会出现页面返回的情况,解决方法可参照前面一篇《方法

希望本文所述对大家的jQuery程序设计有所帮助。

原文链接:https://www.f2er.com/jquery/55755.html

猜你在找的jQuery相关文章