js做一个增加删除编辑的表格

1、点击“添加”按钮,将”添加“按钮隐藏,并显示添加一个条目的界面,如图02。此时点击”确定“按钮将新条目加入原表格中,并返回图01界面;如果点击”取消“则放弃添加,直接返回图01界面。
2、点击表格中每行数据末尾的”删除“按钮,将些行数据从表格中删除。
3、点击表格中每行数据末尾的”编辑“按钮,将”添加“按钮隐藏,并显示如图03的编辑单条数据的界面,编辑完成后,点击”确定“将新数据更新到原表格如图04所示,点击”取消“放弃修改返回图01页面。

img

img

img

img