用js实现表单增加一行删除一行时,序号自动改变

Posted 木子小猿

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了用js实现表单增加一行删除一行时,序号自动改变相关的知识,希望对你有一定的参考价值。

效果图

 

(右侧加减不影响左侧序号)

 

添加存放序号的span标签

 

在点击添加一行的时候,执行numCheck()方法;

在点击删除一行的时候,执行numCheck()方法;

 

numCheck()方法;

 


function numCheck(){
        var num = $("#inputs .row").length;     //获取行数
        for (var i = 0; i <= num; i++) {         //进行循环
        $("#inputs .row .line_num").eq(i).html(i+1+"、");
    };
}

以上是关于用js实现表单增加一行删除一行时,序号自动改变的主要内容,如果未能解决你的问题,请参考以下文章

js怎样输出表格中的序号,并存放在数组中

AntDesign vue table中增加序号

react + es6 +ant design 实现一个简单demo表格添加删除

winform 中datagridview的操作

js中点击按钮时自动增加一行

js中点击按钮时自动增加一行