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

本项目是一个基于SSM(Spring+SpringMVC+MyBatis)框架和Vue.js前端技术的家教平台系统。该系统旨在为家教和学生提供一个便捷、高效的在线交流和预约平台,涵盖了从用户注册登录、个人信息管理、课程发布与搜索、预约与取消预约、评价反馈等一系列功能。 在后台管理方面,系统提供了管理员对用户信息、课程信息、预约记录等进管理的功能,确保平台的正常运和数据的准确性。通过Spring框架的依赖注入和AOP特性,实现了业务逻辑的清晰分离和高效处理;SpringMVC则负责处理前端请求和响应,提供友好的用户界面;MyBatis作为ORM框架,简化了数据库操作,提高了数据访问的效率和安全性。 前端部分采用Vue.js框架,结合Vue Router进页面路由管理,Axios进HTTP请求,实现了前后端分离的开发模式。Vue.js的组件化开发和响应式数据绑定特性,使得前端页面更加动态和交互性强,提升了用户体验。 数据库设计采用了MySQL,存储了用户信息、课程信息、预约记录等核心数据。通过合理的数据库表结构和索引设计,保证了系统的高效运和数据的一致性。 该项目不仅适合计算机相关专业的毕设学生参考和学习,也适合Java学习者进项目实战练习。通过对该项目的深入理解和二次开发,可以实现更多个性化功能,进一步提升技术水平和实践能力。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值