1. 程式人生 > >checkBox複選框,獲得選中那一行所有列的資料

checkBox複選框,獲得選中那一行所有列的資料

function showCol(){
	var check=$("input[name='one']:checked");//選中的複選框
	check.each(function(){
		var row=$(this).parent("td").parent("tr");
		var name=row.find("[name='name']").html();//注意html()和val()
		var age=row.find("[name='age']").html();
		console.info(name+":"+age);
	});
}

JSP頁面

<table>
<tr>
<td><input name='one' type='checkbox' onclick='doCheckOne(this)' value='1' checked='checked'/></td>
<td name='name'>小花</td>
<td name='age'>18</td>
</tr>
<tr>
<td><input name='one' type='checkbox' onclick='doCheckOne(this)' value='1' checked='checked'/></td>
<td name='name'>小草</td>
<td name='age'>20</td>
</tr>
<tr>
<td><input name='one' type='checkbox' onclick='doCheckOne(this)' value='1' checked='checked'/></td>
<td name='name'>小樹</td>
<td name='age'>19</td>
</tr>
</table>