`
银河武林
  • 浏览: 10374 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
最近访客 更多访客>>
社区版块
存档分类
最新评论

ajax执行删除功能,删除表格

阅读更多
【转】

//-----------------------------AJAX实现非执业注师无刷新发卡
//        $(function () {
//            $("input[isRemoveRow='true']").click(function () {
//                var Id = $(this).attr("curId");
//                if (confirm("真的要删除吗?")) {
//                    $.post("HandlerDel.ashx", { "Id": Id }, function (data, status) {
//                        if (status == "success") {
//                            alert("删除成功!");
//                        }
//                    });
//                    $("input[curId='" + Id + "']").parent().parent().remove(); //AJAX删除input→td→tr,parent()指当前Id所在位置的父亲td,也就是要删除tr的话,就要删除当前Id所在input的父亲td的父亲tr;
//                }
//            });
//        });
//动态删除选中的行
function delTableRowNo() {
    var inputs = document.getElementsByTagName("input");
    var len = inputs.length;
    for (var i = 0; i < len; i++) {
        if ("checkbox" == inputs[i].type) {
            if (inputs[i].checked) {
                if (inputs[i].id != "checkAll")
                    document.getElementById(inputs[i].title).style.display = "none";//被选中的Checkbox客户端隐藏
                //                            document.getElementById(inputs[i].title).style
            }
        }
    }
    return false;
}
分享到:
评论

相关推荐

    ajax实现无刷新对数据库的操作(表格版).zip_ajax 表格_ajax 无刷新_ajax 表格_ajax 表格 数据_表

    Ajax脚本会获取选中行的ID或其他唯一标识符,构造一个请求,发送到服务器执行删除操作。服务器响应后,Ajax脚本会移除表格中的对应行。 3. **更新操作**:类似地,编辑现有记录并保存时,Ajax会发送PUT或PATCH请求...

    使用Ajax实现页面表格添删改查的异步刷新操作

    在页面表格的添删改查场景中,当用户执行这些操作时,AJAX会向后台发送相应的HTTP请求,处理完成后,服务器返回更新的数据,然后JavaScript更新表格局部,实现页面的动态刷新。 在添操作中,用户可能输入新数据后...

    Ajax方式删除表格一行数据示例代码

    总的来说,这段代码展示了一个简单的Ajax删除功能,适用于那些希望实现页面局部更新的Web应用。在实际开发中,可能还需要考虑更多因素,比如错误处理、数据验证、用户权限控制以及用户体验优化等。同时,不同的框架...

    AJAX仿EXCEL表格功能.rar

    1.Insert键增加一行,并复制最后一行内容,Delete键删除最后一行,该操作用以调节表格总大小; 2.Tab键横向移动光标,Enter键纵向移动光标,符合Excle用户习惯; 二 页面操作 1.全选:选择全部行,再次执行释放...

    使用Ajax动态删除数据前台直接显示结果

    在这个场景中,当我们选择表格中的某些记录并执行删除操作时,Ajax会扮演关键角色。用户的选择(即要删除的数据ID)会被打包成JSON格式的数据,通过Ajax发送到服务器。 在前端,我们通常会有一个事件监听器,例如一...

    Ajax动态表格,可适时添加行、删除行、复制行

    本话题将深入探讨如何实现一个动态表格,用户可以适时添加、删除和复制表格中的行。 首先,我们需要理解Ajax的工作原理。它通过JavaScript发送异步HTTP请求到服务器,获取或提交数据,然后使用JavaScript处理这些...

    ajax实现无刷新删除

    在这里,我们创建了一个名为 `AjaxNoFresh` 的 Struts2 动作类,包含了 `execute()` 和 `delete()` 两个方法,分别用于展示用户列表和执行删除操作。 3. **Prototype.js**:这是一款 JavaScript 库,提供了许多便利...

    jQuery AJAX表格控件源码

    它利用jQuery库的强大功能,结合AJAX技术,实现在不刷新整个页面的情况下进行数据的加载、编辑和删除,提升用户体验。本文将深入探讨这个初版的jQuery AJAX表格控件的源码,分析其核心功能和设计思路。 首先,我们...

    表格中全选按钮的使用以及删除功能的实现

    这通常需要两个步骤:一是收集用户选择的数据,二是执行删除操作。在用户点击删除按钮时,可以获取所有选中项的ID或索引,然后通过Ajax异步请求将这些数据发送到服务器。在服务器端,例如在Servlet或控制器中,接收...

    PHP+Ajax+Mysql+jeditable无刷新编辑表格

    本项目"PHP+Ajax+Mysql+jeditable无刷新编辑表格"就是利用这些技术实现了一个高效、便捷的数据编辑功能。下面我们将详细探讨这些技术及其在该项目中的应用。 **PHP**(Hypertext Preprocessor)是一种广泛使用的...

    动态表格,可查询、新建、编辑、保存等,Ajax操作.rar

    6. **复制和删除**:对于选定的对象,提供复制和删除的选项,同样通过Ajax执行这些操作并更新表格状态。 这个示例还特别提到了“仿Vista按钮风格”,这意味着设计上参考了微软Windows Vista操作系统中的界面元素,...

    购物车技术,分页技术,ajax动态修改表格数据

    在IT行业中,购物车技术、分页技术和Ajax动态修改表格数据是网页开发中常见的功能,尤其是在电子商务网站上。下面将详细解释这些技术及其在实际应用中的实现方式。 购物车技术: 购物车技术是电商网站的核心功能之...

    jQuery AJAX表格控件(初版)源码

    综上所述,这个初版的jQuery AJAX表格控件展示了如何利用jQuery和AJAX技术实现一个功能完备的表格控件。通过对源码的深入学习,开发者可以掌握动态表格的实现技巧,同时也可以根据实际需求对其进行扩展和优化。

    jQuery+ajax实现批量删除功能完整示例

    这里,我们使用layer.js插件弹出确认对话框,让用户在执行删除操作前再次确认。如果用户确认,`$.ajax`函数将被调用,向服务器发送POST请求,其中包含待删除项的ID列表。注意替换`url: 'your_delete_api_url'`为实际...

    AJAX仿EXCEL表格

    1 Insert键增加一行 并复制最后一行内容 Delete键删除最后一行 该操作用以调节表格总大小; 2 Tab键横向移动光标 Enter键纵向移动光标 符合Excle用户习惯; 二 页面操作 1 全选:选择全部行 再次执行释放全部行; 2 ...

    dhtmlxGrid Ajax表格、日历、工具条控件

    dhtmlxGrid提供了多种高级表格功能,如排序、分页、过滤、编辑、拖放列等。用户可以通过简单的鼠标点击或键盘操作对数据进行排序,根据需要查看不同页面,通过输入条件筛选数据,甚至直接在单元格中编辑内容。此外,...

    asp+jquery ajax实例源码,添加,删除,修改,分页

    - ASP根据接收到的ID执行DELETE SQL语句,然后返回确认信息,前端根据响应更新表格。 5. **修改数据** - 当用户编辑表单字段并保存时,前端使用AJAX发送PUT请求,包含修改后的数据。 - ASP接收请求,用新的数据...

    Ajax无刷新删除数据

    服务器端执行删除操作后,可能返回一个JSON格式的状态或消息,客户端通过`responseText`或`responseJSON`获取这些信息。 5. **前端响应处理**:接收到服务器响应后,根据返回的状态码和数据,前端可以更新DOM元素,...

    jquery 添加、删除表格

    这篇博客“jquery 添加、删除表格”显然关注的是如何使用jQuery来操作HTML表格,实现动态添加和删除行的功能。这在构建数据驱动的Web应用中尤其常见,比如用户管理、订单处理或任何需要展示和编辑表格数据的场景。 ...

Global site tag (gtag.js) - Google Analytics