表单添加行，删除行，插入行

谁借莪１个温暖的怀抱￠ 2021-09-19 18:58 390阅读 0赞

【需求】：表单添加行，删除行，插入行

【代码】：

$(function () {
        //定义一个全局变量i,用来标识添加了几行
        var row = 0;
        var strValue = "";
        //将一行添加到table中去
        $('#btnInsert').click(function () {
            row++;
            //字符串拼接tr一行中的内容
            var tr = "<tr>";
            for (var i = 0; i < 3; i++) {
                tr += "<td><input id='" + row + "text'" + i + "+' type='text' value=" + row +""+ i + " /></td>";
            }
            tr += "<td><input class='txt' id='" + i + "text4'+ type='text' value=" + row + "" + 4 + " /><input id='Checkbox1' class='ck' name='ckb' type='checkbox' /> </td></tr>";
            $("#tab").append(tr);
        })
        //删除添加的行，先判断checkbox是否选中，然后删除
        $('#btnDelete').click(function () {
            $("input[name=ckb]:checked").each(function () { $(this).parent().parent().remove(); });
        })
        //将i遍历，判断是否存有值，如果有将数据插入数据库
        $('#btnData').click(function () {
            $('table input').each(function () {
                strValue += $(this).val() + ",";
            })
            $.ajax({
                type: 'post',
                contentType: 'application/json',
                url: "../WebService1.asmx/InsertInfo",
                data: "{valuesStr:'" + strValue + "'}",
                success: function (result) {
                    $('#mydiv').html(result.d);
                }
            })
        })
    })

【转载】---------------------  
原文：https://blog.csdn.net/yf505261213/article/details/11559719

发表评论取消回复

表情：

评论列表（有 0 条评论，390人围观）

还没有评论，来说两句吧...

相关阅读

相关【Linux】vim在每行行首或行尾添加/删除内容

原文见：http://blog.csdn.net/garfielder007/article/details/49851501 idea：利用vim中的批量替换功能实现。

女爷i/ 2023年01月03日 04:52/ 0 赞/ 157 阅读

相关父子窗口通信之动态添加行和删除行

目的：将通过鼠标单击事件将子窗口中的表格信息添加到父窗口中准备父窗口（父窗口是一个学生信息窗口，每一个学生可以对象多个老师） <!DOCTYPE html>

喜欢ヅ旅行/ 2022年12月18日 00:48/ 0 赞/ 79 阅读

相关填报-插入删除行

1. 设计器内置插入删除按钮设计器中默认的插入按钮是显示在工具栏中的，但是删除按钮却是默认不显示的，那么如何设置，在哪查看呢？ 1)打开模板打开设计器，新建一张模

偏执的太偏执、/ 2022年10月02日 11:43/ 0 赞/ 140 阅读

相关 jQuery克隆添加删除行

[下载地址][Link 1]jQuery委派事件代码，如何使新增事件实现效果 ![1631561371.png][] dd: [Link 1]: https://yy1

深藏阁楼爱情的钟/ 2022年09月11日 13:24/ 0 赞/ 155 阅读

相关 vi 多行添加注释，删除注释，多行操作

按键操作：添加注释： Ctrl+v 进入列编辑模式。向下或向上移动光标，把需要注释的行的开头标记起来，然后按大写的I，再插入注释符，比如“\”，再按Esc。就会

￡神魔★判官ぃ/ 2022年08月14日 02:44/ 0 赞/ 220 阅读

相关 JavaScript动态添加/删除表格行

> 跟着廖雪峰的 [JS教程][JS] 初步学习了一下JavaScript，看到 DOM操作部分的时候，想着找个小例子实践，恰好项目页面对表格的操作较多，需要解决简单的 ta

刺骨的言语ヽ痛彻心扉/ 2022年07月13日 00:25/ 0 赞/ 326 阅读

相关 js实现添加、删除ul行

![效果图][SouthEast] HTML代码 <!DOCTYPE html> <html lang="en"> <head>

深碍√TFBOYSˉ_/ 2022年06月17日 10:56/ 0 赞/ 213 阅读

相关 jQuery 实现添加行与删除行

相关js function AddRow(){ var vTb=$("addUserTable");//得到表格ID=TbData的jquery对象

快来打我*/ 2022年06月12日 06:41/ 0 赞/ 199 阅读

相关表单添加行，删除行，插入行

【需求】：表单添加行，删除行，插入行【代码】： $(function () { //定义一个全局变量i,用来标识添加了几行 var

谁借莪１个温暖的怀抱￠/ 2021年09月19日 18:58/ 0 赞/ 391 阅读

相关 table增加行，删除行

【需求】：设置按钮增加行，删除行【代码】： <input type="button" value="添加行" onclick="addtr()"> <ta

妖狐艹你老母/ 2021年09月19日 15:08/ 0 赞/ 463 阅读