本文實例為大家分享了jQuery實現(xiàn)動態(tài)添加和刪除input框的具體代碼，供大家參考，具體內容如下

選項

$(function(){

// 添加選項

$("#opbtn").click(function(){

if($("#opts>li").size() < 6){// 最多添加6個選項

$("#opts").append("

");

}else{// 提示選項個數(shù)已經達到最大

$("#optips").html("選項個數(shù)已經達到最大,不能再添加!");

$("#optips").css({"color":"red"});

}

});

// 刪除選項

$("#delbtn").click(function(){

if($("#opts>li").size() <= 0){

$("#optips").html("已經沒有選項可以刪除了!");

$("#optips").css({"color":"red"});

} else{

// 刪除選項,每次刪除最后一個

$("#opts>li").last().remove();

}

});

});

*{

margin: 0px;

padding: 0px;

}

#dv{

width: 100px;

height: 100px;

background-color: yellow;

margin: 0px auto 0px;

}

以上所述是小編給大家介紹的jQuery實現(xiàn)動態(tài)添加和刪除input框詳解整合，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！

與50位技術專家面對面20年技術見證，附贈技術全景圖

總結

以上是生活随笔為你收集整理的php动态删除输入框,jQuery实现动态添加和删除input框实例代码的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。