获取table中CheckBox选中行的id

最新推荐文章于 2024-09-02 11:06:45 发布

骑着蜗牛看书yan

最新推荐文章于 2024-09-02 11:06:45 发布

阅读量1.3k

点赞数

分类专栏：前端文章标签： javascript 开发语言 html5 jquery

本文链接：https://blog.csdn.net/ygyan521/article/details/122708024

版权

前端专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/jquery/jquery-3.4.1.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<input type="button" name="" id="" onclick="getIds()" value="获取" />
		<table border="1" id="tbData" cellspacing="" cellpadding="">

			<tr>
				<th><input name="Checkbox" type="checkbox" value="0"></th>
				<th>id</th>
				<th>Header</th>
			</tr>
			<tr>
				<td><input name="Checkbox" type="checkbox" value="1"></td>
				<td>1</td>
				<td>Data</td>
			</tr>
			<tr>
				<td><input name="Checkbox" type="checkbox" value="2"></td>
				<td>2</td>
				<td>Data</td>
			</tr>
			<tr>
				<td><input name="Checkbox" type="checkbox" value="3"></td>
				<td>3</td>
				<td>Data</td>
			</tr>
		</table>
		<script>
			function getIds() {
				//此方式需要将ID值作为CheckBox的value值
				// var selectList = jQuery("#tbData  input[type=checkbox]:checked").map(function() {
				// 	return jQuery(this).val();
				// }).get().join(',');
				
				//此方式的第一列是复选框列，第二列是id
				var selectList='';				
				jQuery("#tbData input[type=checkbox]:checked").map(function () {				
				var id = jQuery.trim(jQuery(this).closest("tr").find("td:eq(1)").text());
				 selectList+=id+',';				
				})				
				selectList=selectList.substring(0,selectList.length-1);
				
				alert(selectList);
			}
		</script>
	</body>
</html>