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 送给学长毕业祝福语简短