本文實例為大家分享了jQuery實現動態添加和刪除input框的具體代碼，供大家參考，具體內容如下
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>選項</title> <script type="text/javascript" src="js/jquery-1.8.3.js"></script> <script> $(function(){ // 添加選項 $("#opbtn").click(function(){ if($("#opts>li").size() < 6){// 最多添加6個選項 $("#opts").append("<li><input /></li>"); }else{// 提示選項個數已經達到最大 $("#optips").html("選項個數已經達到最大,不能再添加!"); $("#optips").css({"color":"red"}); } }); // 刪除選項 $("#delbtn").click(function(){ if($("#opts>li").size() <= 0){ $("#optips").html("已經沒有選項可以刪除了!"); $("#optips").css({"color":"red"}); } else{ // 刪除選項,每次刪除最后一個 $("#opts>li").last().remove(); } }); }); </script> <style> *{ margin: 0px; padding: 0px; } #dv{ width: 100px; height: 100px; background-color: yellow; margin: 0px auto 0px; } </style></head><body> <div style="margin: 50px;"> <input id="opbtn" type="button" value="添加選項"/> <input id="delbtn" type="button" value="刪除選項"/> <input id="wrapbtn" type="button" value="包圍DIV"/> <ol id="opts" type="A"></ol> <!-- 提示語 --> <span id="optips"></span> </div> </body></html> 以上所述是小編給大家介紹的jQuery實現動態添加和刪除input框，詳解整合，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持！
新聞熱點
疑難解答
