首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

jquery 报表增加删除 提交数组

2012-11-23 
jquery 表格增加删除 提交数组script typetext/javascript/*** 动态添加删除表格行*/ $(document).

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 报表增加删除 提交数组

热点排行
Bad Request.