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 出阁宴祝福语姐姐简短