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

選項(xiàng)

$(function(){

// 添加選項(xiàng)

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

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

$("#opts").append("

");

}else{// 提示選項(xiàng)個(gè)數(shù)已經(jīng)達(dá)到最大

$("#optips").html("選項(xiàng)個(gè)數(shù)已經(jīng)達(dá)到最大,不能再添加!");

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

}

});

// 刪除選項(xiàng)

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

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

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

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

} else{

// 刪除選項(xiàng),每次刪除最后一個(gè)

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

}

});

});

*{

margin: 0px;

padding: 0px;

}

#dv{

width: 100px;

height: 100px;

background-color: yellow;

margin: 0px auto 0px;

}

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

與50位技術(shù)專家面對(duì)面20年技術(shù)見證，附贈(zèng)技術(shù)全景圖

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。