jquery 动态增加,减少input表单的简单方法(必看)
html代码如下
<html> <tr><buttonstyle="margin-left:10px"class="add_field_buttonbtn">Add</button></tr> <tbodyclass="input_fields_wrap"></tbody> </html>
js代码如下
<script>
varmax_fields=5;//maximuminputboxesallowed
varwrapper=$(".input_fields_wrap");//Fieldswrapper
varadd_button=(".add_field_button");//AddbuttonID
varx=1;//initlaltextboxcount
$(add_button).click(function(e){//onaddinputbuttonclick
e.preventDefault();
if(x<max_fields){//maxinputboxallowed
x++;//textboxincrement
$(wrapper).append('<trstyle=""><td></td><td><buttonclass="remove_fieldbtn">Del</button></td></tr>');//addinputbox
}
});
$(wrapper).on("click",".remove_field",function(e){//userclickonremovetext
e.preventDefault();$(this).closest('tr').remove();x--;
})
</script>
以上就是小编为大家带来的jquery动态增加,减少input表单的简单方法(必看)全部内容了，希望大家多多支持毛票票~
热门推荐
10 财运虎年祝福语简短语
11 单亲爸爸春节祝福语简短
12 狗狗上厕所训练
13 植物种植祝福语简短
14 翻译考试祝福语朋友简短
15 个人周年庆简短祝福语
16 狗狗怎么训练
17 分别祝福语简短搞笑英文
18 生日广州男生祝福语简短