jquery 未来事件插件jq_Live_Extension.js
XML/HTML Code
- <script>
- $(document).ready(function(){
- //<tr/>居中
- $("#tab tr").attr("align","center");
- //增加<tr/>
- $("#but").click(function(){
- var _len = $("#tab tr").length;
- $("#tab").append("<tr id="+_len+" align='center'>"
- +"<td>"+_len+"</td>"
- +"<td align='left'><input type='' name='product_id[]' value=\"\" onFocus=\"this.value=''\"/ class=\"order_form_product_description\" id='product_id"+_len+"'></td>"
- +"<td><input type='text' name='quantity[]' id='quantity"+_len+"' class='num-pallets-input' ></td>"
- +"<td><input type='text' name='price[]' id='price"+_len+"' class='price-per-pallet'/></td>"
- +"<td class='row-total'><span id='thistotal"+_len+"' class='row-total-input'></span></td>"
- +"<td><a href='javascript:void(0)' onclick=\'deltr("+_len+")\'><img src='form_del_icon.gif'></a></td>"
- +"</tr>");
- })
- })
- //删除<tr/>
- var deltr =function(index)
- {
- var _len = $("#tab tr").length;
- $("tr[id='"+index+"']").remove();//删除当前行
- for(var i=index+1,j=_len;i<j;i++)
- {
- var nextTxtVal = $("#quantity"+i).val();
- var nextPriceVal= $("#price"+i).val();
- var nextproduct_idVal= $("#product_id"+i).val();
- var nextthistotalVal= $("#thistotal"+i).text();
- //alert (nextthistotalVal);
- $("tr[id=\'"+i+"\']")
- .replaceWith("<tr id="+(i-1)+" align='center'>"
- +"<td>"+(i-1)+"</td>"
- +"<td align='left'><input type='text' name='product_id[]' value='"+nextproduct_idVal+"' class=\"order_form_product_description\" id='product_id"+(i-1)+"'></td>"
- +"<td><input type='text' name='quantity[]' value='"+nextTxtVal+"' id='quantity"+(i-1)+"' class='num-pallets-input'/></td>"
- +"<td><input type='text' name='price[]' class='price-per-pallet' name='price"+(i-1)+"' value='"+nextPriceVal+"' /></td>"
- +"<td class='row-total'><span class='row-total-input'>"+nextthistotalVal+"</span></td>"
- +"<td><a href='javascript:void(0)' onclick=\'deltr("+(i-1)+")\'><img src='form_del_icon.gif'></a></td>"
- +"</tr>");
- }
- calcProdSubTotal();
- }
- </script>
- <body>
- <table id="tab" border="0" width="500" align="center" style="margin-top:20px">
- <tr>
- <td></td>
- <td align="left"><span class="red">*</span>Product Description</td>
- <td><span class="red">*</span>Quantity</td>
- <td><span class="red">*</span>Unit Price (USD)</td>
- <td>Amount(USD)</td>
- <td></td>
- </tr>
- <tr>
- <td>1</td>
- <td align="left"><input type="" name="product_id[]" value="" onFocus="this.value=''" class="order_form_product_description" /></td>
- <td><input type="text" class="num-pallets-input" name="quantity[]" onKeyPress="if ((event.keyCode<48 || event.keyCode>57)) event.returnValue=false"/></td>
- <td><input type="" class="price-per-pallet" name="price[]" onKeyPress="if (event.keyCode!=46 && (event.keyCode<48 || event.keyCode>57)) event.returnValue=false"></td>
- <td class="row-total"><span class="row-total-input"></span></td>
- <td></td>
- </tr>
- </table>
- <div style="margin-left:205px;margin-top:20px">
- <img src="add_more_products.gif" id="but" style="cursor:pointer"/>
- </div>
- <div style=" float:right; padding-right:50px; font-weight:bold">Total:<span class="red">US$<span id="product-subtotal">0</span></span><input type="hidden" name="product-subtotal" /></div>
- </div>
相关推荐
VS2008 编写 基于Jquey ajax 开发的表格控件 能够自定义表头,编辑、添加、删除、统计 数据全都是 json 格式 还能实现 在 表格里插入时间
主要介绍了jQuery实现动态添加、删除按钮及input输入框的方法,涉及jQuery事件响应及页面元素动态操作相关实现技巧,需要的朋友可以参考下
内容索引:脚本资源,jQuery,无刷新修改 jQuery无刷新实时修改网页Input的内容,可以把input数据在不经过数据读取的情况下及时修改,增强用户体验,确认修改后再上传数据库。 这种功能估计大家以前都见到过的,...
JavaScript 无刷新切换网页风格,使用了jQuery插件,用鼠标点击那些不同颜色的小按钮,网页的风格就跟着变换了,而且页面中的其它元素并不发生变化,包括位置和大校现在不少网站都有这么一个功能,我觉得挺实用。
jQuery点击添加到购物车 适用浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.
一个jquery开发的标签功能加强插件,可以生成或删除标签,还能对输入重复标签进行检查,和JQuery autocomplete插件配合实现自动完成功能。演示地址:http://www.jq22.com/jquery-info426
jQuery无刷新实时修改输入框中的文本并保存,可以把input数据在不经过数据读取的情况下及时修改,增强用户体验,确认修改后再上传数据库。 这种功能估计大家以前都见到过的,特别是在一些用户体验比较好的CMS系统...
列表页无刷新添加一列新记录,jsp功能以及js文件网上可以下载。
jquery实现购物车无刷新操作
JQuery+asp+access,其他数据库自己参考~ 实现无刷新 更新/插入/删除数据. 让你感悟AJAX的快乐
jQuery点击添加到购物车动画代码 .
这是一个外国的,外观非常好的JQuery+PHP无刷新上传
jquery无刷新父级菜单切换 , css完整login选项卡切换
jQuery+Ajax+PHP+mysql实现无刷新注册/登陆(用户名邮箱验证码等)
很好的一款jquery分层无刷新分页、各字段排序(northwind数据库)代码完整。供大家学习
php+jquery无刷新上传图片,应用iframe实现,
在本篇文章里小编给大家整理的是一篇关于jQuery/JS监听input输入框值变化实例内容,需要的朋友们学习下。
无刷新分页
jQuery上啦刷新 jQuery下拉刷新,基于jQuery的下拉以及上啦刷新
jQuery购物车自动计算金额表单