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程序设计有所帮助。

赞 (0)

相关推荐

  • jquery单选框radio绑定click事件实现方法

    本文实例讲述了jquery单选框radio绑定click事件实现方法.分享给大家供大家参考. 具体实现方法如下: 复制代码 代码如下: <html> <head> <title>单选框radio绑定click事件</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <script type="

  • 利用jquery操作Radio方法小结

    在开发中经常会用到Radio来实现用户的选择效果,我在项目中积累了一些利用JQUERY来操作Radio的方法,在这里分享一下,供有需要的朋友借鉴. 1.改变radio的选择,触发一些效果 复制代码 代码如下: $("input:radio[name='dialCheckResult']").change(function (){ //拨通 alert("123"); }); 2.让页面中所有的radio可用. $("input:radio").a

  • jquery获取radio值(单选组radio)

    单选组radio: $("input[@type=radio][@checked]").val(); 单选组radio: $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项 获取一组radio被选中项的值 var item = $('input[@name=items][@checked]').val(); radio单选组的第二个元素为当前选中值 $('input[@

  • jquery获取radio值实例

    本文实例讲述了jquery获取radio值的方法,分享给大家供大家参考.具体如下: 单选组radio: 复制代码 代码如下: $("input[@type=radio][@checked]").val(); 单选组 radio: 复制代码 代码如下: $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项 获取一组radio被选中项的值 复制代码 代码如下: var ite

  • jquery中radio checked问题

    今天太鬼火了为这个难问题搜了一下午了到最后还是csdn的朋友给了我正确的答案,谢谢这位朋友 // $("#ISOK1").checked = "checked"; // $("#ISOK1").attr("checked", true); //$("#Radio1").attr("checked", true); // $("#Radio1").checked = &

  • JQuery控制radio选中和不选中方法总结

    一.设置选中方法 复制代码 代码如下: $("input[name='名字']").get(0).checked=true; $("input[name='名字']").attr('checked','true'); $("input[name='名字']:eq(0)").attr("checked",'checked'); $("input[name='radio_name'][checked]").va

  • jQuery根据ID获取input、checkbox、radio、select的示例

    input: var xxx = $('#ID').val() --------------------------------------------------------------------------------- checkbox: var xxx = [ ]; $('input[name=MyName]:checked).each(function(index, element) { xxx.push($(element).val()); // 或者 xxx.push($(thi

  • jQuery中的RadioButton,input,CheckBox取值赋值实现代码

    1.jquery 获取单选组radio$("input[name='name']:checked").val(); 2.jquery获取radiobutton的下一个值$("input[name='name']:checked").next().text()$("input[name='name']:checked").val() 3.jquery 获取input的值$('#id').val() 4.jquery判断多选框checkbox$(&q

  • jQuery操作input type=radio的实现代码

    <input type="radio">如下: 复制代码 代码如下: <input type="radio" name="city" value="BeiJing">北京 <input type="radio" name="city" value="TianJin">天津 <input type="radio&quo

  • jQuery判断多个input file 都不能为空的例子

    例如有两个图片上传的 input,都必须上传图片: html 复制代码 代码如下: 选择文件 1 :<input type="file" name="myfile[]" class="myfile"> 选择文件 2 :<input type="file" name="myfile[]" class="myfile"> js 复制代码 代码如下: if($(&quo

  • jQuery插件datalist实现很好看的input下拉列表

    HTML5中定义了一种input框很好看的下拉列表--datalist,然而目前它的支持性并不好(万恶的IE,好在你要渐渐退役了...).于是最近更据需求写了一个小型datalist插件,兼容到IE8(IE7应该没多少人用了吧?).实现的具体需求如下: 当被选中的时候(触发blur焦点)(不管是鼠标还是tab键)清空input框并且显示自定义的下拉列表,然后可以用键盘的上下键选择(鼠标当然肯定没理由不可以啦),单击鼠标左键或者enter键将选中的列表的值输入到input框. 具体的实现代码如下:

  • JQuery判断radio（单选框）是否选中和获取选中值方法总结

    一.利用获取选中值判断选中 直接上代码,别忘记引用JQuery包 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <

  • jQuery 操作input中radio的技巧

    通过jQuery获取页面中的所有radio对象,遍历页面中的radio,取消选中的标签,因为使用到jQuery时间,因此引用到了网上公共的js,这只是本人的一些总结,大神勿喷. <html> <head> <title>取消</title> <script language="javascript"> function _onclick() { $("input[name='ra']:checked").v

随机推荐