<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>
?