php动态删除输入框,jQuery实现动态添加和删除input框实例代码

本文实例为大家分享了jQuery实现动态添加和删除input框的具体代码，供大家参考，具体内容如下

选项

$(function(){

// 添加选项

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

if($("#opts>li").size() < 6){// 最多添加6个选项

$("#opts").append("

");

}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();

}

});

});

*{

margin: 0px;

padding: 0px;

}

#dv{

width: 100px;

height: 100px;

background-color: yellow;

margin: 0px auto 0px;

}

以上所述是小编给大家介绍的jQuery实现动态添加和删除input框详解整合，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！