1. 程式人生 > >checkbox選中獲取一行中某個列的值

checkbox選中獲取一行中某個列的值

網上找了好多獲取選中獲取某一行的值,看起來費勁也實現不了,終於找到下面簡潔的程式碼,一看就明白的,現在就複製過來,方便以後使用。

js寫法

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>