这个示例展示了如何使用jQuery动态地在表格中添加行，并实现删除和编辑功能。用户输入的数据会被保存在表格中，点击"编辑"按钮可以更新已存在的行，而"删除"按钮会移除相应的行。所有操作都基于jQuery事件监听和DOM操作完成。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>bootstrap</title>
<script src="jquery-2.1.1.min.js"></script>
<script src="https://unpkg.com/vue/dist/vue.js"></script>
</head>
<body>
<form align="center">
姓名:<input type="text" id="name"/>
班级:<input type="text" id="clazz"/>
学号:<input type="text" id="shcool"/>
性别:<select id="sex">
<option>男</option>
<option>女</option>
</select>
<input type="button" id="save" value="保存">
<input type="button" id="allEdit" value="确认修改">
<input type="hidden" id="yincang">
<br>
<br>
<table border="1px solid black" cellspacing="0px" align="center" cellpadding="15px"&g
最低0.47元/天 解锁文章
扫一扫
1018
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
