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表单的简单方法(必看)全部内容了，希望大家多多支持毛票票~