itarate the checkbox with jquery

最新推荐文章于 2025-11-30 09:20:25 发布

最新推荐文章于 2025-11-30 09:20:25 发布 · 99 阅读

文章标签：

#jquery #javascript #ViewUI

前端设计专栏收录该内容

14 篇文章

订阅专栏

本文介绍了一段使用jQuery实现的功能：当页面上的某个复选框被选中时，可以遍历并获取该复选框所在行的所有单元格内容。示例通过表格展示了如何针对每行数据进行操作。

$("input[type='checkbox']:checked").each(function(){  
     $(this).parent().parent().find("td").each(function(){ 
              alert($(this).text());
        });  
 });

itarate the cell in the rows which contain the checkbox.

<table id="result" border="1" width="300">
	<tbody>
		<tr>
			<td>姓名</td>
			<td>年龄</td>
			<td><input id="check2" type="checkbox" /></td>
		</tr>
		<tr>
			<td>layne</td>
			<td>20</td>
			<td><input id="check2" type="checkbox" /></td>
		</tr>
		<tr>
			<td>jack</td>
			<td>7</td>
			<td><input id="check2" type="checkbox" /></td>
		</tr>
		<tr>
			<td>peter</td>
			<td>5</td>
			<td><input id="check2" type="checkbox" /></td>
		</tr>
	</tbody>
</table>