用户信息添加——项目练习，在页面的表格中添加、删除信息，判断文本框是否为空

最新推荐文章于 2024-08-09 18:00:00 发布

欧启鑫

最新推荐文章于 2024-08-09 18:00:00 发布

阅读量188

点赞数 1

分类专栏： JavaWeb

本文链接：https://blog.youkuaiyun.com/weixin_49321034/article/details/107974816

版权

JavaWeb 专栏收录该内容

24 篇文章

订阅专栏

本文介绍了一种使用jQuery实现页面信息动态添加与删除的方法，通过点击按钮可以向页面中添加信息，并利用isEmptyObject检测输入内容是否为空，确保信息的完整性。同时，文章详细描述了如何通过JavaScript确认对话框实现信息项的删除功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在这里插入图片描述

往页面信息框中添加信息

$("#addB").click(function () {
                var name=$("#name").val();
                var feature=$("#feature").val();
                /*判断传入的对象参数是否为空*/
                if(($.isEmptyObject(feature))||($.isEmptyObject(name)))
                {
                    alert("输入的信息不全面，请重新输入");
                }else{
                    $("<tr align=\"center\"></tr>").append("<td>"+name+"</td>")
                        .append("<td>"+feature+"</td>")
                        .append("<td><a href='#'>删除</a></td>")
                        .appendTo("#id002");
                }

用isEmptyObject检测输入的内容是否为空
.
.

删除列表中的信息

function delA() {
                var infomaarr = $(this).parents("tr").find("td").eq(0).text();

                var flag = confirm("确认删除"+infomaarr+"？");
                if(flag){
                    $(this).parents("tr").remove();
                }
            }
            $("a").live("click",delA);

var infomaarr = $(this).parents("tr").find("td").eq(0).text();

读取父目录下的td然后用eq找到他的第一个元素，用text输出为文字

var flag = confirm("确认删除"+infomaarr+"？");

弹窗后点确认confirm可以返回true