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 爱生日祝福语简短独特