js实现动态操作table_html/css_WEB-ITnose

本章案例为通过js，动态操作table，实现在单页面进行增删改查的操作。

　　简要案例如下：

          function addOrder() {     document.getElementById('hiddtr').style.display="table-row";     window.location="#hiddtr";}function cancel(){    document.getElementById('hiddtr').style.display="none";}function modify(ele){    var tr = $(ele).closest("tr");    var name = tr.find("input[name='name']");    var age = tr.find("input[name='age']");    if(name.val()==""){        alert("姓名不能为空");        return ;    }    if(age.val()==""){        alert("年龄不能为空");        return ;    }    if(!confirm("确认修改？")){        return;    }    $.ajax({       type: "POST",       url: "${ctx}/user/update",       dataType:"json",       data: {name : name.val(),age:age.val()},       success: function(json){           if(json.msg=='success'){               alert("修改成功！");           }else{               alert(json.msg)           }           $(ele).attr("disabled",false);       }    });}function deleteObj(ele,id){    if(confirm("确定要删除吗？")){        var url="${ctx}/user/delete/"+id;         $.ajax({           type: "POST",           url: url,           dataType:"json",           success: function(json){               if(json.msg=='success'){                   alert("删除成功！");                   $(ele).closest("tr").remove();               }else{                   alert(json.msg)               }               $(ele).attr("disabled",false);           }        });    }}function classSubmit(ele){    var tr= $(ele).closest("tr");    var name = tr.find("input[name='name']");    var age = tr.find("input[name='age']");    if(name.val()==""){        alert("姓名不能为空");        return ;    }    if(age.val()==""){        alert("年龄不能为空");        return ;    }    $("#addForm").submit();}        添加                                             id                  name                  age                                                                                ${(page.currPage-1) *page.pageSize+status.count}                                                          删除  修改                                                                  ${(page.currPage-1) *page.pageSize+status.count}                                                                      删除  修改                                                             

查看更多关于js实现动态操作table_html/css_WEB-ITnose的详细内容...