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获取radio值实例
本文实例讲述了jquery获取radio值的方法,分享给大家供大家参考.具体如下: 单选组radio: 复制代码 代码如下: $("input[@type=radio][@checked]").val(); 单选组 radio: 复制代码 代码如下: $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项 获取一组radio被选中项的值 复制代码 代码如下: var ite
-
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中radio的技巧
通过jQuery获取页面中的所有radio对象,遍历页面中的radio,取消选中的标签,因为使用到jQuery时间,因此引用到了网上公共的js,这只是本人的一些总结,大神勿喷. <html> <head> <title>取消</title> <script language="javascript"> function _onclick() { $("input[name='ra']:checked").v
-
利用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插件datalist实现很好看的input下拉列表
HTML5中定义了一种input框很好看的下拉列表--datalist,然而目前它的支持性并不好(万恶的IE,好在你要渐渐退役了...).于是最近更据需求写了一个小型datalist插件,兼容到IE8(IE7应该没多少人用了吧?).实现的具体需求如下: 当被选中的时候(触发blur焦点)(不管是鼠标还是tab键)清空input框并且显示自定义的下拉列表,然后可以用键盘的上下键选择(鼠标当然肯定没理由不可以啦),单击鼠标左键或者enter键将选中的列表的值输入到input框. 具体的实现代码如下:
-
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(单选框)是否选中和获取选中值方法总结
一.利用获取选中值判断选中 直接上代码,别忘记引用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 file 都不能为空的例子
例如有两个图片上传的 input,都必须上传图片: html 复制代码 代码如下: 选择文件 1 :<input type="file" name="myfile[]" class="myfile"> 选择文件 2 :<input type="file" name="myfile[]" class="myfile"> js 复制代码 代码如下: if($(&quo
-
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中radio checked问题
今天太鬼火了为这个难问题搜了一下午了到最后还是csdn的朋友给了我正确的答案,谢谢这位朋友 // $("#ISOK1").checked = "checked"; // $("#ISOK1").attr("checked", true); //$("#Radio1").attr("checked", true); // $("#Radio1").checked = &
随机推荐
- 基于jsp实现新闻管理系统 附完整源码
- 一个css 的小问题
- OAuth 2.0授权协议详解
- Lua性能优化技巧(三):关于表
- ECMAscript 变量作用域总结概括
- JavaScript验证电子邮箱的函数
- 最全面的JS倒计时代码
- MySQL两种临时表的用法详解
- Docker 入门快速上手指南
- Android自定义view 你所需要知道的基本函数总结
- JS获取并操作iframe中元素的方法
- thinkphp项目部署到Linux服务器上报错“模板不存在”如何解决
- Shell实现识别物理cpu个数、核心数
- Django框架如何使用ajax的post方法
- 表格边框的css语法
- javascript实现跳转菜单的具体方法
- Apache httpd 安装module mod_expires、mod_deflate的方法
- PHP读取大文件末尾N行的高效方法推荐
- Android部分手机拍照后获取的图片被旋转问题的解决方法
- springboot-mongodb的多数据源配置的方法步骤