您的位置: 首页  >  IT文章  >  复制/剔除input输入框

复制/剔除input输入框

分类: IT文章 • 2022-06-02 12:12:00
复制/删除input输入框

复制/删除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

相关推荐