读书人

jquery 报表增加删除 提交数组

发布时间: 2012-11-23 00:03:29 作者: rapoo

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  id="company"  name="company[]"></td>        <td><input type="text" id="linkman"  name="linkman[]"></td>        <td><a href="#" id="del"> 删除 </a></td>        </tr>       </tbody>     </table>

?jquery 报表增加删除 提交数组

读书人网 >Web前端

热点推荐