jQuery获取表格中input的值

最新推荐文章于 2020-12-20 06:38:39 发布

NastyAir

最新推荐文章于 2020-12-20 06:38:39 发布

阅读量2.5k

点赞数 1

本文链接：https://blog.csdn.net/qq1115094858/article/details/49129995

版权

jquery 同时被 3 个专栏收录

1 篇文章 0 订阅

订阅专栏

table

1 篇文章 0 订阅

订阅专栏

input

1 篇文章 0 订阅

订阅专栏

<pre name="code" class="html"><!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/jquery-2.0.0.min.js"></script>
		<script>
			$(function() {
				$(".myclass").each(function() {//myclass 为行的class
					var tmp = $(this).children().eq(5);//5表示按钮在第五列
					var btn = tmp.children();
					btn.bind("click", function() {
						var cno = btn.parent().parent().children("td").get(0).innerHTML;//获取td格子的文字
						var cID = btn.parent().parent().children("td").eq(1).find("INPUT").val();//获取输入的值
						
						var cname = btn.parent().parent().children("td").eq(2).find("INPUT").attr("value");//获取value的值
						var cdress = btn.parent().parent().children("td").eq(3).find("INPUT").attr("value");
						var cphone = btn.parent().parent().children("td").eq(4).find("INPUT").attr("value");
						alert(cno+cID+cname+cdress+cphone);
						
					});
				});
			});
		</script>

	</head>

	<body>
		<table id="table1">
			<tr class="myclass">
				<td>29
				</td>
				<td>
					<input type="text" style="width: 90%" name="cID" id="cID" value="1032123123312">
				</td>
				<td>
					<input type="text" style="width: 90%" name="cname" value="曹操">
				</td>
				<td>
					<input type="text" style="width: 90%" name="cdress" value="成都">
				</td>
				<td>
					<input type="text" style="width: 90%" name="cphone" value="23123132123312123">
				</td>
				<td>
					<button id="edit">编辑</button>
				</td>
			</tr>

			<tr class="myclass">
				<td>37
				</td>
				<td>
					<input type="text" style="width: 90%" name="cID" value="431234654">
				</td>
				<td>
					<input type="text" style="width: 90%" name="cname" value="刘备">
				</td>
				<td>
					<input type="text" style="width: 90%" name="cdress" value="成都">
				</td>
				<td>
					<input type="text" style="width: 90%" name="cphone" value="13134646465446">
				</td>
				<td>
					<button id="edit">编辑</button>
				</td>
				
				
			</tr>
		</table>
	</body>

</html>

NastyAir

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
jQuery获取表格中input的值

$(function() { $(".myclass").each(function() {//myclass 为行的class var tmp = $(this).children().eq(5);//5表示按钮在第五列 var btn = tmp.children(); btn.bind("click", function() { var cn
复制链接

扫一扫