jQuery多个input求和的实现方法
本文实例讲述了jQuery多个input求和的实现方法。分享给大家供大家参考。具体实现方法如下：
html页面代码如下：
<td> <input name="add" id="add" readonly="readonly"/> </td> <pre name="code" class="html"><td> <input name="add1" id="add1"/> </td> <td> <input name="add2" id="add2"/> </td>
jQuery部分代码如下：
<script>
$("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;
});
});
</script>
由于input属性为readonly，所以在浏览器中按Backspace删除该input的值时会出现页面返回的情况，解决方法可参照前面一篇《JQuery实现防止退格键返回的方法》
希望本文所述对大家的jQuery程序设计有所帮助。
-
本文向大家介绍jQuery获取多种input值的简单实现方法，包括了jQuery获取多种input值的简单实现方法的使用技巧和注意事项，需要的朋友参考一下 获取input的checked值是否为true： 第一种： if($("input[name=item][value='val']").attr('checked')==true) //判断是否已经打勾 --注：name即控件name属性,va
-
本文向大家介绍使用jQuery实现input数值增量和减量的方法，包括了使用jQuery实现input数值增量和减量的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了使用jQuery实现input数值增量和减量的方法。分享给大家供大家参考。具体分析如下： 在很多电商网站中，在购物车所在页面，涉及到商品数量的时候，都会提供一个+号按钮和-号按钮来实现增1和减1，并且只允许input中输入
-
本文向大家介绍jquery对所有input type=text的控件赋值实现方法，包括了jquery对所有input type=text的控件赋值实现方法的使用技巧和注意事项，需要的朋友参考一下 如下所示： 以上这篇jquery对所有input type=text的控件赋值实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持呐喊教程。
-
本文向大家介绍如何用input标签和jquery实现多图片的上传和回显功能，包括了如何用input标签和jquery实现多图片的上传和回显功能的使用技巧和注意事项，需要的朋友参考一下 本文主要记录如何用input标签和jquery实现多图片的上传和回显，不会涉及后端的交互，大概的效果看图 效果图 我们从零来做一个这样的demo 第一步： 我们先完善一下我们的页面，默认的input-file标签
-
本文向大家介绍jQuery使用bind函数实现绑定多个事件的方法，包括了jQuery使用bind函数实现绑定多个事件的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jQuery使用bind函数实现绑定多个事件的方法。分享给大家供大家参考，具体如下： 在jQuery中绑定多个事件名称是，使用空格隔开，举例如下： 在1.4版本以后，也可以如下绑定 更多关于jQuery相关内容感兴趣的读者
-
本文向大家介绍jQuery实现多级下拉菜单jDropMenu的方法，包括了jQuery实现多级下拉菜单jDropMenu的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jQuery实现多级下拉菜单jDropMenu的方法。分享给大家供大家参考。具体如下： 这里介绍的jQuery多级下拉菜单导航-多级下拉菜单，英文名叫 DropDown Menu。通过 each() 遍历添加相应的处理