当前位置: 代码迷 >> Web前端 >> jquery 报表增加删除 提交数组
  详细解决方案

jquery 报表增加删除 提交数组

热度:114   发布时间:2012-11-23 00:03:29.0
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

  相关解决方案