`

jquery 表格增加删除 提交数组

阅读更多
<script type="text/javascript">
/** 
  * 动态添加删除表格行 
  */
 $("document").ready(function(){ 
         //表格的删除按钮事件绑定 
         $("#TbData #del").click(function() { 
        	 if($("#TbData tr").length > 2){ //保留表头和模板行
            	 $(this).parents(".repeat").remove(); 
             }
         }); 
         //第六个表格的添加按钮事件绑定 
         $("#add").click(function(){ 
             $("#tbbody>.template") 
                 //连同事件一起复制 
                 .clone(true) 
                 //去除模板标记 
                 .removeClass("template") 
                 //修改内部元素 
                 //.find(".content") 
                 //.text("新增行") 
                 //.end() 
                 //.find(".del") 
                 //.text("删除") 
                 //.end() 
                 //插入表格 
                 .appendTo($("#tbbody")) 
         });
         
         $("#sub").click(function(){
        	$("input[name='company[]']").each(function(){
        		var va = $(this).val();
	        	alert(va);
        	});
         });
     } )
</script>
  <button id="add">添加行</button>
  <button id="sub">提交</button>
<table id="TbData" width="100%" border="1"> 
      <tbody id="tbbody"> 
       <tr> 
       <th>公司名称</th> 
       <th>联系人</th> 
       <th>操作</th> 
       </tr> 
       <tr  class="template repeat"> 
	       <td><input type="text" id="company"  class="company" name="company[]"></td> 
	       <td><input type="text" id="linkman"  class="linkman" name="linkman[]"></td> 
	       <td><a href="#" id="del"> 删除 </a></td> 
       </tr> 
      </tbody> 
    </table>

 a

  • 大小: 4.7 KB
分享到:
评论

相关推荐

    超实用的jQuery代码段

    超实用的jQuery代码段精选近350个jQuery代码段,涵盖页面开发中绝大多数要点、技巧与方法,堪称史上最实用的jQuery代码参考书,可以视为网页设计与网站建设人员的好帮手。《超实用的jQuery代码段》的代码跨平台、跨...

    jQuery攻略.pdf

    并且可以设置每页的行数 269 9.2 为图片添加注解 271 9.3 拖放表格中的行 273 9.4 取得、序列化并清理表单控件 275 9.5 通过Ajax提交表单 277 9.6 找到元素的准确位置和大小 281 9.7 以传送带的方式显示图片 284 9.8...

    基于jQuery的动态表格插件

    在这里我们需要控制用户的输入验证,表格的添加删除,用户输入数据的统计聚合,还有相应的计算列比如商品的总价=商品的单价*商品数量,再如,同时在用户提交的时候我还要需要获取提交到后台服务端处理在存储到我们的...

    jQuery完全实例.rar

    jQuery1.2 API 中文版折叠展开折叠全部展开全部 英文说明 核心jQuery 核心函数 jQuery(expression,[context]) jQuery(expression,[context]) 这个函数接收一个包含 CSS 选择器的字符串,然后用这个字符串去匹配一组...

    韩顺平PHP JS JQUERY 所有视频下载种子 货真价实

    图像 表格 实际应用-菜谱 课堂练习-课程表 8-11 5.无序列表 有序列表 框架 8-12 1.浮动窗口 表单及表单控件① 8-12 2.表单及表单控件② 8-12 3.多媒体页面 标签汇总① 地图映射1 8-12 4.多媒体页面 标签汇总① 地图...

    最新Python3.5零基础+高级+完整项目(28周全)培训视频学习资料

    基于ORM实现用户增加删除修改以及查看详细 Django字段类型介绍 DjangoORM字段参数介绍 DjangoORM外键操作 基于DjangoORM的外键实现增加用户(含select标签) 作业 第20周 课程安排 上课内容回顾 Django一对多的...

    jquery-salary-calculator

    [x]提交按钮存储信息,即推送到数组中 []编写一个函数,该函数根据员工信息计算每月费用 []将计算出的信息和其他员工信息追加到DOM上的表 []如果每月费用超过$ 20,000,则在行中添加红色背景色 []创建一个删除按钮,...

    (全)传智播客PHP就业班视频完整课程

    图像 表格 实际应用-菜谱 课堂练习-课程表 8-11 5.无序列表 有序列表 框架 8-12 1.浮动窗口 表单及表单控件① 8-12 2.表单及表单控件② 8-12 3.多媒体页面 标签汇总① 地图映射1 8-12 4.多媒体页面 标签汇总① 地图...

    史上最全韩顺平传智播客PHP就业班视频,10月份全集

    图像 表格 实际应用-菜谱 课堂练习-课程表 8-11 5.无序列表 有序列表 框架 8-12 1.浮动窗口 表单及表单控件① 8-12 2.表单及表单控件② 8-12 3.多媒体页面 标签汇总① 地图映射1 8-12 4.多媒体页面 标签汇总① 地图...

    史上最全传智播客PHP就业班视频课,8月份视频

    图像 表格 实际应用-菜谱 课堂练习-课程表 8-11 5.无序列表 有序列表 框架 8-12 1.浮动窗口 表单及表单控件① 8-12 2.表单及表单控件② 8-12 3.多媒体页面 标签汇总① 地图映射1 8-12 4.多媒体页面 标签汇总① 地图...

    史上最全韩顺平传智播客PHP就业班视频,9月份全集

    图像 表格 实际应用-菜谱 课堂练习-课程表 8-11 5.无序列表 有序列表 框架 8-12 1.浮动窗口 表单及表单控件① 8-12 2.表单及表单控件② 8-12 3.多媒体页面 标签汇总① 地图映射1 8-12 4.多媒体页面 标签汇总① 地图...

    Java学习笔记-个人整理的

    {12.3}创建表格}{152}{section.12.3} {12.4}关于null值}{154}{section.12.4} {12.5}操作符与实例}{154}{section.12.5} {12.5.1}where}{154}{subsection.12.5.1} {12.6}函数}{156}{section.12.6} {12.7}组函数}...

    xheditor-1.1.14

    方法2:利用xhEditor提供的jQuery插件接口来实现对特定textarea的初始化和传递参数,例: $('#elm1').xheditor(); 或者 $('#elm1').xheditor({tools:'mini'}); 特别说明:两种初始化方法只能选择其中一种使用,如果...

Global site tag (gtag.js) - Google Analytics