jQuery表格动态无刷新添加删除行内容表单代码

来源:https://www.sucaihuo.com/js/2118.html 2017-06-06 17:54浏览(2112) 收藏

jQuery表格动态无刷新添加删除行内容表单代码,表格增加一行数据,table删除行数据网页特效。
jQuery表格动态无刷新添加删除行内容表单代码
分类:表单代码 > 表格 难易:初级
查看演示 下载资源 下载积分: 20 积分

js代码

<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
 <script type="text/javascript">
  $(function(){
	 $('.tianjia').click(function(e) {
			var $html=$("<tr><td><input type='text' class='input_140'   placeholder='请输入姓名'/></td><td><input type='text' class='input_140'   placeholder='请输入姓名'/></td><td><input type='text' class='input_140'   placeholder='请输入姓名'/></td><td><input type='text' class='input_140'   placeholder='请输入姓名'/></td><td><a class='shanchu' onclick=\'sc()\'>删除</a></td></tr>");
           $('.box table ').append($html);
        }); 
	  
	})
	function sc(){
		$(" .box table tr").eq($(this).index()).remove();
	}	
	
  </script>
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2