复制/删除input输入框

复制/删除input输入框

 

演示

•  

 XML/HTML Code

 

1. <form class="form1">  
2. <input name="email" id="email" size="30" />  
3. </form>  

 

 

JavaScript Code

1. (function($) {  
2.     $.fn.clonebox = function() {  
3.   
4.       var i = 0;  
5.       $('document').ready(function () {  
6.   
7.         $('form').append('<a style=" border:1px solid; margin-right:5px; padding:5px; font-size:12px;" class="remove" href="#">Remove </a>');  
8.         $('form').append('<a style="border:1px solid; padding:5px;font-size:12px;" class="clickme" href="#">Add  </a>');  
9.           
10.           $('.remove').click(function () {  
11.              
12.             i--;  
13.             $(this).closest('form').remove();  
14.   
15.           });  
16.     
17.         $('.clickme').click(function () {  
18.           if (i < 5) {  
19.             i++;  
20.             $("form").last().clone(true, true).appendTo("body");  
21.           } else {  
22.             $("form")  
23.           }  
24.         });  
25.       });  
26.       
27.   
28.     }  
29. })(jQuery);  

 

原文地址:http://www.freejs.net/article_biaodan_298.html