怎么添加数据

风筱默染

于 2021-09-26 14:55:40 发布

阅读量189

点赞数

分类专栏： JavaScript 文章标签： html

本文链接：https://blog.youkuaiyun.com/m0_51700376/article/details/120488944

版权

JavaScript 专栏收录该内容

27 篇文章

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>添加</title>
	</head>
	<body>
		<form>
			姓名：<input type="name" name="姓名" id="name" /><br />
			成绩：<input type="number" name="成绩" id="score" /><br />
			<input type="button" id="saveBtn" value="添加" onclick="Add()" />
		</form>
		<br />
		<table id="SmithTb" border="2px" width="300px" style="text-align: center;">
			<tr>
				<th width="50%">姓名</th>
				<th width="50%">成绩</th>
			</tr>
			<tr>
				<td width="50%">张三</td>
				<td width="50%">100</td>
			</tr>
			<tr>
				<td width="50%">李四</td>
				<td width="50%">100</td>
			</tr>
		</table>
		<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
		<script>
			function Add() {
				var name = $("#name").val();
				var score = $("#score").val();
				var isAdd = true;
				if (isAdd)
					$("#SmithTb").append('<tr><td>' + name +'</td><td>' + score + '</td></tr>');
			}
		</script>
	</body>
</html>